Changing Main Menu Color

khkpalmer
(@khkpalmer)

7 years, 2 months ago

Hello,

I am in need of help with changing the color of the main menu and other features that are tied to the pink color of the theme. Similar to this thread: https://ww.wp.xz.cn/support/topic/changing-main-menu-color-from-pink-to-teal/

I am hoping to have a vibrant red color for these features but I am new at this. Any help is much appreciated!

Thanks,
Kim

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Gemma Evans
(@gemmaevans)

7 years, 2 months ago
Hi Kim,

No problem, I’ll be happy to help 🙂 Please try pasting the following CSS in to Appearance > Customise > Additional CSS:
```
/* menu background colour */
.main-navigation {
	background-color: #b41212;
}
```
And if you also want to change the hover colour of the menu links, this CSS should do the trick:
```
/* hover colour of menu links */
.main-navigation ul a:hover {
	color: #121212;
}
```
Let me know how you get on.
- This reply was modified 7 years, 2 months ago by Gemma Evans.
Thread Starter khkpalmer
(@khkpalmer)

7 years, 2 months ago

Thank you so much, that worked great! Can you tell me how I might use that same solution for the social menu? Thanks again!
Gemma Evans
(@gemmaevans)

7 years, 2 months ago
Hi @khkpalmer,

That’s great to hear 🙂 This CSS can be used to change the background colour of the social icons in your footer:
```
.social-links ul a:before {
    background: #b41212;
{
```
Does that do what you need?
Thread Starter khkpalmer
(@khkpalmer)

7 years, 2 months ago
Yes it does, thank you!
- This reply was modified 7 years, 2 months ago by khkpalmer.
mpostle
(@mpostle)

7 years, 2 months ago

This was very helpful, thank you! What if I wanted to also change the color of the “dots” between pages, or the color of the page that is currently “selected”?

My website is: http://www.mariahpostlewait.com

Thank you!

mpostle
(@mpostle)

7 years, 2 months ago

Sorry, and one more question, when I view my site on my phone, the header color is correctly changed but suddenly the menu buttom has the old salmon color in a small box around it. How can fix this?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Changing Main Menu Color’ is closed to new replies.