Print

[whatsername1985]

Hi!

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

Iīve added it to:

Code: [Select]

.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]

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


[whatsername1985]

I already tried that:

Code: [Select]

.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]

        .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]

.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]

.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]

.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!