add rounded corners to homepage

Is it possible to add rounded corners to

I've found a couple of posts asking to remove the rounded corners but not to add them.

See the image - I think it's the header bottom css the would need editing?

Thanks

gk-storebox.JPG

Please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

#gkHeaderBottom {
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}


This will create rounded top left and top right corner.

Remember to enable "CSS override" in template settings - advanced section.

This change might affect also other pages in way you don't like - so to limit the effect only to homepage, read this article:
http://www.gavick.com/documentation/gen ... mla-pages/
and use the technique to add suffix to homepage and then use this suffix in css declaration.
Suppose this suffix is going to be named "homepage", then css should looks this way:

Code: Select all

.homepage #gkHeaderBottom {
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}


Thank you.

I needed to edit #gkContent to get it to work.

So I thought I'd add the same effect to the main body (#gkMainWrap) and I can see it working but it gets over-ridden by the slideshow image. Is here a way around this please?

Please describe more accurately whats the problem (use element names, screenshot if needed).

OK, so if you look at the attached image, I would like the main body to have rounded corners as well if possible.

I have added rounded corners on the images but its the z:overlay (?) transparency that's causing the problem I think.

gavick1.JPG

Please post an url to this subpage.