Need help to modify the Header...

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
10/11/2010 6:49:20 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Need help to modify the Header...

Hi,

This is not an issue but rather a shout for help with CSS stuff...

I am using the "artisteer-greenlagoon" template skin. I have had some complaints from users that the image (header) is too big (high). I am trying the make it about half the height.

The image is appearing smaller (125) but the frame is not (still original height 250).  Can anyone help figure out what I have missed?  (These changes worked on my local test site, but not on the production (hosted) server!)

I resized the Header.jpg file down to 125 Height, and in the style.css I changed the height value...

/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 984px;
height: 125px;
}


div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 984px;
height: 125px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

Thanks
Squire Dude

10/11/2010 6:51:22 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Need help to modify the Header...

Sorry about that it just tried to refresh the page again and low and behold this time the height took.

You must sign in to post in the forums. This thread is closed to new posts.