Thumbnails background

[whatsername1985]

Hi!

I want to add a background image to the thumbnails in the main page.

I´ve added it to:

Code Select Expand

.image {
background:url(MYBACKGROUNDIMAGE) no-repeat;
padding:20px 17px 24px 16px;}

but not only it shows behind the thumbnails but also behind the intermediate images!

How can I add it just behind the thumbnails??

I can´t find the answer anywhere, please help me.
Thank you.

[lurkalot]

I believe your looking for this part in the css file,

Code Select Expand


.thumbnails {
    background: #EFEFEF ;
    padding: 5px;
}


[whatsername1985]

I already tried that:

Code Select Expand

.thumbnails {

        background:url(MYBACKGROUNDIMAGE) no-repeat;
-moz-border-radius:6px;
-webkit-border-radius:6px;

}

but then the background image doesn´t seem to move. It appears on the left and I don´t know how to move it just behind the thumbnail. Any ideas?

[Nibbler]

Use background-position. Post a link to your gallery so we can see what you are doing.

[whatsername1985]

The first screenshot is what I want to do.
But when I do that

Code Select Expand


        .image {
background:url(my image) no-repeat;
padding:20px 17px 24px 16px;

}

it also appears behind the intermediate picture (screenshot 3).

However, if I do this:

Code Select Expand


.thumbnails {
       background: url(myimage) no-repeat;

}

this happens (screenshot2)

[Jeff Bailey]

Post a link to your gallery so we can see what you are doing.

[whatsername1985]

Can´t you see it on the screenshots? I don´t want to share the link to my gallery here, sorry. It´s not finished yet.

[whatsername1985]

Please, can anyone help me?? 

[Jeff Bailey]

Please post a link and I should be able to help.

[whatsername1985]

But I don´t want to post my link here. Is there any way I can send you a private message?

[Jeff Bailey]

You need to update to 1.5.10

try this

Code Select Expand

.thumbnails {
background:url("images/thumbbg4.png") no-repeat scroll center 25% transparent;
}

of course remove the background from the .image class too.

[Jeff Bailey]

Use this instead. noticed center was off.

Code Select Expand

.thumbnails {
background:url("images/thumbbg4.png") no-repeat scroll 55% 25% transparent;
}

[whatsername1985]

Thanks for your help. I´ll try that later, because I updated the gallery as you told me and now my theme is lost and I can´t see the gallery! I don´t know what to do and I´m asking for help on the forum.

[whatsername1985]

It worked!!!! THANK YOU! THANK YOU! THANK YOU!