BlueOwlCreative » Topic: Menu Button Radius

Menu Button Radius

katelyn — Sat, 07 Nov 2015 14:27:22 +0000

I added a button to the main nav and i wanted it rounded so i added the below css

#menu.ul.li.boc_nav_button a {
border-radius: 54px;
}

but still it doesnt add the rounded corners, why ?

Reply To: Menu Button Radius

BlueOwl — Sat, 07 Nov 2015 19:57:31 +0000

Hi there Katelyn,

Those dots you are using are a bit off, try this in your Child theme instead:

#menu > ul > li.boc_nav_button a {
    border-radius: 20px;
}

Reply To: Menu Button Radius

katelyn — Sun, 08 Nov 2015 03:04:44 +0000

This reply has been marked as private.

Reply To: Menu Button Radius

BlueOwl — Mon, 09 Nov 2015 10:10:38 +0000

The theme options custom CSS section has a problem with the “>” sign, that’s why i said it’s better to use the Child theme instead.
If you are to put it there, try this instead:

#menu ul li.boc_nav_button a {
    border-radius: 20px;
}

Reply To: Menu Button Radius

katelyn — Mon, 09 Nov 2015 10:11:47 +0000

Hey Blue Owl

I am using the child theme only ..

Regards

Reply To: Menu Button Radius

BlueOwl — Mon, 09 Nov 2015 10:16:14 +0000

Ok then, add the code to your Child theme style.css file.