- Posts
I am fairly new to working with WordPress and am not a developer.
I am using Boldgrid and Crio and having issues formatting my main menu the way that I would like it to look.
I would like the menu to have a white bold look. When hovering I want the color to change to an orange bold look. I have done this but when I select a menu item it disappears from the menu or sub-menu, and when hover over again to pull up the sub-menu menu items are black.
I have added the following in the CSS/JS editor…
.site-header a:link {
color: #ffffff !important
}
.site-header a:link {
font-weight: bold !important
}
.site-header a:hover {
color: #ff6600 !important;
}
.site-header a:hover {
font-weight: bold !important
}I also noted that the “HOME” menu button appears to be lower than the rest of the menus.
I realize there may be a better way to enter this code and am willing to learn but cannot find much information specific to editing the CSS other than the W3 tutorial.
Sorry if this not very clear.
Thanks in advance.
MontyHi Monty,
Thanks for reaching out and thank you for using Crio Pro WordPress theme!
I see that you’re using custom CSS to change your menu colors. With WordPress and your Crio theme specifically you can use the built-in customizer controls to make these changes without having to implement actual code.
If you navigate from your WordPress Dashboard to Appearance > Customize > Menus > Main Menu > Menu Items you will see options to modify main menu elements. You can use these controls to change colors and other functionalities of your menu items.
The colors here are based off of your Primary Color Palette Appearance > Customize > Color Palette. You can use the Color Palette options to set base colors for your theme. It should help to keep the use of custom CSS to a minimum of not eliminate the need for it altogether.
I hope this helps Monty! Please let us know if you have more questions for us.
Brandon,
Thank you for the quick response. However, following your direction, I am unable to affect any changes to the menu colors. This holds true for Active link style, hover style, or link color. As a test, I have set all three to white and still have the same colors displayed as in the original post.
I have cleared the cache on the browse and the site. The only way I have been able to see the colors that I am looking for is via CSS/JS editor. I would prefer not have to use this if possible.
Could there be an issue with software that is prohibiting me from making this change.
Thanks
MOntyHi Monty,
It looks like you could have resolved this I just took a look at your page and I see the menu links are displaying correctly. We’re you able to implement the CSS in your CSS/JS editor?
Not quite what I wanted but it will work. I actually found the answer to my issue in another response you posted.
Did not realize that I need to click the pencil for the section I wanted to work with.
Thank you for your help.
Monty
- The topic ‘Issues adding custom CSS to Change Menu Colors in Crio Theme’ is closed to new replies.
