How do I reduce the space above slide show? [Sitemap]

View Full Version : How do I reduce the space above slide show?

rhlewis

Jan-08-2009, 06:12 AM

jfriend

Jan-08-2009, 07:31 AM

How do I reduce the space between the slide show and my navigation links on the front page? As it is set now, you have to scroll to see the slide show, especially on a laptop. I do intend to go entirely to horizontal images in the slide show so as to avoid problems with overlapping slides and text.

http://www.georgiamountainphotography.com

Thanks
You have multiple things contributing to all that empty space. The easiest to change is to add this CSS:

.homepage #breadcrumb {display:none;}
#bioBox .boxBottom, #userBio {padding-top:0;}

That will get rid of some of the space.

Then, you can add this parameter to the beginning of your slideshow declaration:

imgAlign: 'top',

The rest of the space at this point is caused by this HTML at the end of your header:

 
 

If you want that space on other pages, but not here on the homepage, then it's probably easier to use a bottom margin on your header that you can set for regular display, but turn off on the homepage.

rhlewis

Jan-08-2009, 08:06 AM

You have multiple things contributing to all that empty space. The easiest to change is to add this CSS:

.homepage #breadcrumb {display:none;}
#bioBox .boxBottom, #userBio {padding-top:0;}

That will get rid of some of the space.

Then, you can add this parameter to the beginning of your slideshow declaration:

imgAlign: 'top',

The rest of the space at this point is caused by this HTML at the end of your header:

 
 

If you want that space on other pages, but not here on the homepage, then it's probably easier to use a bottom margin on your header that you can set for regular display, but turn off on the homepage.
EXCELLENT, I used two of the three and it worked like a charm.