CSS to update the sub-menu background color?
This support request was posted in BBQ by MicheleLynn
- MicheleLynn January 5, 2014 at 12:33 am
I would like to change the background color of the sub-menu items. The hover color possibly as well.
What do I change?
Thank you!
Juanfra Aldasoro January 5, 2014 at 4:11 pmHello Michele,
Thanks for writing. Unfortunately that’s not doable through the theme options. You’ll need to play around with CSS in order to achieve that.
I’d recommend you to check the classes you have to change with a tool like Firebug (http://getfirebug.com). Then you set the CSS within your options for the classes you decide you want to change.
Best,
Juan.MicheleLynn January 5, 2014 at 7:08 pmYes, I already knew it was not available through the theme options and required updating the css. However, the change does not work in the nice themes “Design and Styles” -> “Custom CSS” section. Updating the stylesheet.css directly works just fine.
Here is the CSS:
#top #navigation .nav li ul li a {
background: none;
border-radius: 0px;
padding: 8px 10px;
width: 180px;
text-shadow: none !important;
background: #333;
margin: 0;
color: #fff !important;
}Juanfra Aldasoro January 5, 2014 at 9:27 pmHi Michele,
Thanks for your response. Oh, ok, I was mentioning that in case you didn’t know.
With regards to the way in which you customize the theme, we have some recommendations. You can read more here: http://nicethemeswp.com/support/theme-docs/bbq/#custom-css
I wouldn’t recommend you to edit the file style.css because, later on, when new updates are released you’ll get into trouble with getting your theme updated. That’s why we always recommend to use the option, or use the file custom.css that you have within the theme files. I’ve been testing the option for the custom CSS and it’s working fine. Have you pasted the exact code you’ve sent on this thread?
Best,
Juan.MicheleLynn January 7, 2014 at 5:45 pmYes, I tried the nice themes options but it does not work for some reason.
Also, apparently the child theme custom.css file does nothing, even if I try to import it.
The custom.css file in the parent theme may be overwritten on updates, so I did not want to use it.
Most of the customizations worked within the nice themes custom css theme options, which will work just fine. 🙂 If we need to make more changes, we will use the child theme stylesheet. I simply have it importing the parent theme stylesheet currently with @import url(“../bbq/style.css”);
Thanks! 🙂
Juanfra Aldasoro January 7, 2014 at 8:03 pmHi Michele,
Thanks for writing.
Yes, the idea of child themes is that they are used to include the custom styles within the file style.css. Actually, usually the whole point of creating a child theme is to use it to customize the parent theme.
Working on the custom.css is an option when using the theme by itself, not a child theme. Another option, is to use the theme option (please forgive my redundancy). And the third option would be creating a child theme.
Have a nice day,
Juan.
You must be logged in to reply to this topic.