Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #334118

    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;
    }

    #334286

    Hi Jason!

    Add this to Quick CSS:

    #header{
    margin-top:40px;
    }

    Best regards,
    Arvish

    #334420

    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

    #335813

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Rounded Corners on Pages’ is closed to new replies.