Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 6, 2013 at 2:40 am #29110
    tgdigitalsolutions

    I was able to figure out (thanks to forum search) the custom CSS to give rounder corners to the bottom of my Enfold website but I’m not having much luck finding the right code to do that on the top.

    Here’s what worked on the bottom:

    #socket {

    -webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    }

    Can someone help me with the same idea for the top area? I have a boxed layout.

    Here’s a link to the test site:

    http://tgdigitalservices.com/o1/

    Thanks!

    September 6, 2013 at 3:19 am #139733
    Ismael

    Hey,

    You can use this:

    .nonfixed_header .header_bg, #header_meta, #header {
    
-webkit-border-top-right-radius: 10px;
    
-webkit-border-top-left-radius: 10px;
    
-moz-border-radius-topright: 10px;
    
-moz-border-radius-topleft: 10px;
    
border-top-left-radius: 10px;
    
border-top-right-radius: 10px;
    
}

    Regards,

    Ismael

    September 6, 2013 at 6:53 pm #139735
    tgdigitalsolutions

    I added that to the custom css but it doesn’t do the trick. Does it need to apply to the social portion as well? That is what ultimately is at the very top of the page.

    September 7, 2013 at 5:46 am #139736
    Ismael

    Hey,

    My bad. I edited the code above. Please remove browser cache then reload the page.

    Regards,

    Ismael

    September 9, 2013 at 9:21 pm #139737
    tgdigitalsolutions

    Excellent! Worked that time.

    Thanks!

    September 10, 2013 at 7:12 am #139738
    Ismael

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounded corners (border-radius) in header area’ is closed to new replies.