Hi,
You helped me get the rounded corners I needed on a site I’m working on by using the below css. Thank you for that.
However, it’s having trouble with the header background image. I have it “tiled horizontally”, and the css only works on 2 pages, the “home” page and the “about us” page. The rest of the site has square corners on top, the bottom is fine. so the css is not applied to the header background image in all cases. What css if any am I missing? I could use a rounded corner header image I guess, but would rather see the css be applied consistently if possible. Thanks very much for any assistance you could provide.
-Pelyon
http://billrusselldesign.com/sr_volunteers/
div#wrap_all {
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
overflow: hidden !important;
margin:20px 0px 20px 0px;
}
#header .avia_mega_div {
border-radius: 25px;
}
.container_wrap.container_wrap_first.main_color.sidebar_right {
border-radius: 25px;
}
Hi Jason!
Add this to Quick CSS:
#header{
margin-top:40px;
}
Best regards,
Arvish
Hi Arvish,
Thanks for that. However, it doesn’t yield the result I’d like. It reveals the background color behind the background image. I’d like the rounded corners on the image itself like on the home page and the about us page. Any other suggestions? And any idea why the current css works on those pages and not the others? Thanks!
-Jason
Hey Jason!
Please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/
Unfortunately, you are going to need to hire a freelance developer for further customization.
Cheers!
Yigit