We wanted to change the style of our “Get Started” link in the header to look more round, like we have our button’s in the rest of the theme, but no code I try is working. Here’s what I have at the moment:
li#menu-item-3231 .av-menu-button-colored {
padding: 5px;
border-radius: 50px;
}
Any help is appreciated. Thanks!
Hi XtGlobal ;
I think you should chose à “menu style” for the link of your page “Get Started”.
In the dashbord go to Apperance>Menus>Your menu>The page “Get Started” and in Menu Style check “Button style (bordered)”.
Beware of css too, layout.css line 595 :
.av-menu-button > a .avia-menu-text{border: 2px solid; <strong>border-radius: 20px</strong>; padding: 9px;}
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-menu-button-colored > a .avia-menu-text { border-radius: 50px; }
Thanks @begrafiks :)
Cheers!
Yigit
Unfortunately neither suggestion worked… the button is still square.
Hey!
Please try adding !important rule as following
.av-menu-button-colored > a .avia-menu-text { border-radius: 50px!important; }
and flush browser cache and refresh your page a few times. If you are using CSS minifying feature, please disable it before applying the code
Cheers!
Yigit
Flushed the cache 5 times, don’t have any minifying settings…and still square! I’m starting to think the internet gods don’t want us to have round buttons…
Hey!
Do you mind creating a temporary admin login and posting it here privately so we can look into it? :)
Regards,
Yigit
Hey!
Login credentials do not work for me. Can you please check them once again?
“ERROR: Incorrect username or password.
ERROR: Too many failed login attempts. Please try again in 20 minutes.”
Cheers!
Yigit
Hi!
There were extra closing curly brackets. I removed them and now code is working fine. Please review your website now :)
Best regards,
Yigit
Oh goodness, that would be what it was. Thank you so much for helping me out!