Page 1 of 1

Background IMage help

PostPosted: Mon Feb 23, 2004 12:55 am
by ardnut
When viewing my root gallery and the sub gallery I have a background image that I want to keep, but what I want to know is how to delete/take off the background image when viewing an individual photo. So that way you just see the image you selected. Is that possible? :?:

PostPosted: Mon Feb 23, 2004 1:58 am
by srijith
You can do that by specifying the background image as background for one of the classes that are present only in the root and gallery pages. One such class is "thumbnails". So this might help:

Code: Select all
.thumbnails {
background-image:url(http://www.yourdomain/yourimage.jpg);
background-repeat:no-repeat;
background-position:650px 200px;
}

Do replace the URL and position details as per your requirements.

PostPosted: Mon Feb 23, 2004 3:06 am
by ardnut
Im sorry, can you please elaborate on how to do that. I just basically cut and pasted the code from a site that i liked and changed the url for my pic, but other than that, im pretty clueless...Should it be something like this?....

td.thumbnail,{
border-style : solid;
border-width : 1px;
background-color: EFEFEF;
border-color: #817C6F;
vertical-align: middle;
background-repeat:no-repeat;

thanks for your assistance :D

PostPosted: Mon Feb 23, 2004 3:32 am
by srijith
Edit your present CSS file. Right now, you have a code that goes:
Code: Select all
.thumbnails {



background-repeat:no-repeat;
}

Change this to
Code: Select all
.thumbnails {
background-image:url(http://www.yourdomain/yourimage.jpg);
background-repeat:no-repeat;
background-position:650px 200px;
}