Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 28, 2014 at 8:23 pm #216023
    simonac

    Hi,

    how can i do rounded corners for the content (color section) area and menu?

    Many thanks in advance

    Simon

    January 29, 2014 at 2:19 am #216189
    Josue

    Hey Simon!

    Please refer to this topic: https://kriesi.at/support/topic/rounded-corners-border-radius-in-header-area/

    Regards,
    Josue

    January 29, 2014 at 11:31 am #216320
    simonac

    Hi Josue

    Thanks for the hint. But i dod not get it to work. Do i have to put the code in the quick css or anywhere else?

    And i use another header ( Header with social icons and bottom navigation.)
    Do i have to edit the code then? I tried this:

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

    ….in quick css but had no success.

    Thanks in advance

    January 29, 2014 at 5:16 pm #216475
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    January 29, 2014 at 5:23 pm #216480
    simonac
    This reply has been marked as private.
    January 29, 2014 at 5:56 pm #216514
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-section.main_color, #avia-menu{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#avia-menu > li:first-child a{
    border-left: 0;
}
#avia-menu > li:last-child a{
    border-right: 0;
}

    Result:

    Cheers! 
    Josue

    January 29, 2014 at 6:04 pm #216522
    simonac

    Worked like a carm!

    Thanks Josue!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘how to do rounded corners for the content area and menu’ is closed to new replies.