Hi there,
You can change the menu bar color with these snippets (currently black, but change to your preference):
.main-navigation {
background-color: #1c1a19;
}
To change the drop down menu color:
.main-navigation ul ul {
background-color: #1c1a19;
}
TO change the social media icons:
.jetpack-social-navigation ul li {
background: #1c1a19;
Hope this helps!
The last one (social media icon color change) isn’t working. Can you verify this please? Here’s what I’m getting: When using a keyboard to navigate:
In the editing area, the Tab key enters a tab character.
To move away from this area, press the Esc key followed by the Tab key.
Screen reader users: when in forms mode, you may need to press the escape key twice.
The edit field automatically highlights code syntax. You can disable this in your user profile (opens in a new tab) to work in plain text mode.
When I try to just update anyway, I get this: There are 2 errors which must be fixed before you can save.
Update anyway, even though it might break your site?
Also … is there a way to find out where ALL the CSS codes live? Like changing the color of the text, or other things?
Hi @optingoutofnormal,
The last one (social media icon color change) isn’t working.
The CSS @darnelldibbles provided works on my end but a closing bracket is missing from the example above. This could prevent the CSS from working correctly so please try copying and pasting the following code:
.jetpack-social-navigation ul li {
background: #1c1a19;
}
Does that make a difference?
There are 2 errors which must be fixed before you can save.
What are the two errors you are seeing?
Also … is there a way to find out where ALL the CSS codes live? Like changing the color of the text, or other things?
All theme CSS is listed in the style.css file — any additional CSS added by you is also compiled there.
You can find a list of all CSS in that file but I don’t recommend editing it directly. It’s better to add your changes from Appearance > Customise > Additional CSS (to ensure they don’t get overwritten during future updates etc).
Thank you so much! That closing bracket did the trick. I appreciate your help. I now have no errors, and everything worked. Thank you again!
Perfect! And sorry for that missing bracket! 😉
