Resize image banner / slideshow [#790718]

Hi,

I would like to know how to resize the image banner height? I can resize the images to height of 155 in page-front.tpl but the shadow/space remains the same between the new slideshow and the blocks and content.

I need to bring the shadow and space up to fit the new height of 155.

Thanks

Comment	File	Size	Author
	dan.JPG	34.97 KB	JB7

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

tc23emp CreditAttribution: tc23emp commented 5 May 2010 at 18:03

This is the first thing I did on my site, like so:

Crop banner-outer-bg.gif so that it only includes the shadow on a white background. The exact height won't matter because you can make the background start at the bottom of the banner section and it will normally not run in the gradient at the top of the page.

local.css or style.css itself:

#banner{
width:100%;
background: transparent url(images/banner-outer-bg.gif) no-repeat center bottom; /* start shadow at bottom */
height:257px; /* height of whole section */
margin:8px 0 0 0; /* top margin changed to preference */
}

.banner-inner{
width:940px;
margin:0 auto;
height:177px; /* height of image */
padding: 0 3px 0 0;
position:relative;
z-index:1;
}

.slideshow {
width:940px;
height:257px; /* match height of whole section */
padding: 0 3px 0 0;
position:relative;
z-index:2;
}