Hello,

I was wondering how I could shange the global background color of the component.
I would like to blend it in with the template I got.
Standard the background color of the componenet is white.So it stands out now when I click on the gallery link :dry:

I searched the CSS-file but could only change the backround color of the subgallery items...

Is there something I need to add to the CSS-file?

Thanx already...


Kindest regards

you are wrong...I had the same problem...and I found #FFFFFF which but when I change it...the problem still appears.

here is the solution...full copy paste next instead of old css (TABLE template)

#rsg2-galleryTitle{
}
/* Status icons */
img.status{
    text-decoration: none;
    border: none;
}

.rsg2_slideshow{
width:100%;
text-align:center;
 padding: 2;
}

.rsg2-toolbar {
    text-align: center;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    }

.rsg2_display_name{
    /*display:none;*/
}
.rsg2_thumb_name{
    /*display:none;*/
}
.rsg2-galleryList-newImages {
    color: Red;
    font-weight: bold;
}
.rsg2-galleryList-totalImages {
    font-size: 8px;
}
#rsg2-navigation{
    float: right;
    text-align: right;
}
#rsg2-navigation li{
    list-style: none;
    background-image: none;
}

#rsg2-footer{
    text-align: center;
     font-size: 10px;
     color: Silver;
}

/* gallery list */

ul#rsg2-galleryList{
    clear: both;
    padding: 0;
}
.rsg2-galleryList-status{
    text-align: right;
}

.rsg2-galleryList-item{
    clear: both;
   
    padding: 5px;
    margin: 5px 0 5px 0;

    list-style: none;
    background-image: none;

    border: 1px solid #ccc;
}
.rsg2-galleryList-thumb{
    display: block;
    float: left;
    /*margin: 0 5px 5px 0;*/
}

/* sub gallery list */

.rsg2-subGalleryList-container{
    margin-top: 1ex;
}

.rsg2-subGalleryList-title{
    float: left;
}
.rsg2-subGalleryList-list{
    float: left;

    margin: 0 0 0 5px;
    padding: 0px;

    list-style: none;
    background-image: none;
}

/* thumbnail list */

ul#rsg2-thumbsList{
    margin: auto;
}

ul#rsg2-thumbsList li{
    display: box;
    float: left;
    overflow: hidden;
    padding: 5px 5px;

    text-align: center;

/*     get rid of other possible list styles */
    list-style: none;
    background-image: none;
}

table#rsg2-thumbsList{
    width: 100%;
}
table#rsg2-thumbsList td{
    overflow: hidden;
    padding: 5px 5px;

    text-align: center;
}

.rsg2-pageNav{
    text-align: center;
    font-size: 12px;
}
.rsg2-pagenav-limitbox{
text-align:right;
}

/* utility selector, this is common in many templates, but we can't count on it being there */
.clr{
    clear: both;
    line-height: 0px;
}

/****************** OLD CLASSES ********************/


}
table.adminform tr.row0 {
    background-color: #f9f9f9;
}
table.adminform tr.row1 {
    background-color: #eeeeee;
}
table.adminform th {
    font-size: 11px;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    height: 25px;
    color: #000;
    background-repeat: repeat;
    background: url(../../administrator/templates/joomla_admin/images/background.jpg);
}
table.adminform td {
    padding: 3px;
    text-align: left;
}
table.adminform td.editor {
    font-size: 9px;
}