Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #966910

    HI Kriesi team,

    I’ve tried to find my answer in the forums, but have been finding difficulty finding an answer that works with the latest Enfold theme:

    How can I add a Border Radius to color sections? I tried targeting them with a custom ID and class and setting the border-radius with CSS, but found that a different background color is appearing behind my corners, even though it is not the background color set for main sections.

    Additionally how do I set a border radius for the navigation and logo background?

    Setting up the border radius is so easy for the column elements, will this be improved for the elements down the road?

    Thanks in advance for your help. Great theme and support!

    • This topic was modified 1 year, 11 months ago by  premierepc.

    Hey premierepc,

    Please use the following, for the main navigation / header
    #header_main .container
    now for the following sections, where to use it?

    Best regards,


    Thanks Basilis, but I am seeing the same issue with the header that I am with the color sections that I have applied the border-radius property to.

    In the header, you’ll see that the background color is extending beyond the border. What gives? Is this a result of some of the other custom code I’ve placed in my child theme styles?



    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,


    Whoops! I am sorry. I just corrected the credentials in my initial post and tested to make sure they work. Let me know what you find. Thanks for your help!



    Thank you for writing back to us with correct credentials. I was able to check your site. Since you had some custom styles for rounded corners already I had to use extra CSS to overwrite your code.

    I have added this code to to your child theme’s style.css file:

    CSS Snippet:

    /* CSS - Rounded corners */
    #top #header,
    #top #header_main,
    #top #header .header_bg,
    #top #header .container.av-logo-container,
    #helpyou {
    #top #header_main,
    #top #header .header_bg {
    #top #header .container.av-logo-container {
    #top #main {
        background: #fff!important;
    /* End CSS */

    Best regards,


    Just realized I forgot to say thanks! This was perfect.

    In the future do I need to make threads as solved?



    I’m glad you got this resolved. In the future we will see solved threads and close them. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Border Radius for Color Section and Navigation’ is closed to new replies.