Hi!
I want to add a background image to the thumbnails in the main page.
I´ve added it to:
.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.
I believe your looking for this part in the css file,
.thumbnails {
background: #EFEFEF ;
padding: 5px;
}
I already tried that:
.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?
Use background-position. Post a link to your gallery so we can see what you are doing.
The first screenshot is what I want to do.
But when I do that
.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:
.thumbnails {
background: url(myimage) no-repeat;
}
this happens (screenshot2)
Quote from: Nibbler on December 08, 2010, 11:31:33 PM
Post a link to your gallery so we can see what you are doing.
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.
Please, can anyone help me?? ??? ??? ???
Please post a link and I should be able to help.
But I don´t want to post my link here. Is there any way I can send you a private message?
You need to update to 1.5.10
try this
.thumbnails {
background:url("images/thumbbg4.png") no-repeat scroll center 25% transparent;
}
of course remove the background from the .image class too.
Use this instead. noticed center was off.
.thumbnails {
background:url("images/thumbbg4.png") no-repeat scroll 55% 25% transparent;
}
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.
It worked!!!! THANK YOU! THANK YOU! THANK YOU!