A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.
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
Sorry about that it just tried to refresh the page again and low and behold this time the height took.