Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 4, 2018 at 11:46 pm #966910
    premierepc

    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 6 years, 6 months ago by premierepc.
    June 6, 2018 at 8:21 pm #968040
    Basilis

    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,
    Basilis

    June 7, 2018 at 12:27 am #968125
    premierepc

    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?

    June 7, 2018 at 2:12 am #968138
    Vinay

    Hi,

    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,
    Vinay

    June 7, 2018 at 5:17 pm #969702
    premierepc

    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!

    June 8, 2018 at 12:56 am #969883
    Vinay

    Hi,

    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 {
	border-radius:25px;		
}

#top #header_main,
#top #header .header_bg {
background:#FFF!important;
	}

#top #header .container.av-logo-container {
background:#047a41!important;
	}


#top #main {
    background: #fff!important;
}

/* End CSS */

    Best regards,
    Vinay

    June 21, 2018 at 6:33 pm #975905
    premierepc

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

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

    June 21, 2018 at 8:20 pm #975954
    Jordan Shannon

    Hi,

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Border Radius for Color Section and Navigation’ is closed to new replies.