Color Changes

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! ??