The photo gallery element in Water, Sky and Light gives you a way to easily display a group of images on your website and even throw in a little eye candy with a fancy slide show feature. When we designed the photo gallery, we kept it super simple on purpose. So, there aren't a lot of configurations you can make. You just upload the photos and it displays them using the file name as a caption.
But there are a couple of little tweaks you can make to your CSS if you want to alter the way the photo gallery displays. You can hide the captions and/or the borders from images. This can give your gallery a more artistic and clean look. Give it a try if you are up for some CSS tweakage.
- Login to your website and go to "My Website --> Designs" on the toolbar.
- Click the "My Designs" tab
- Find your current design and click the "edit" button.
- Select the .css file from the list of files on the left. Then, scroll down to the bottom of the CSS file and insert either or both of the following statements
To turn off the captions:
div.photoGalleryElement p {
display: none;
}
To turn off the borders:
div.element .photoGalleryElement .thumbnail .thumbContents {
background-color: transparent;
border: none;
}
Posted on
Thu, July 5, 2007
by Tim Wall