TRVL change color of menu items

wearesisyphos · Member · Oct 8, 2013 at 2:27 pm
Copy link

Add topic to favorites
Hi,

I just got the TRVL theme and purchased the customization package. I was able to change all the colors, except for the menu items, they are in turquoise, I’d like to have them in silver-gray. What do I put into the custom css to change that?

Cheers,
Klara

The blog I need help with is: (visible only to logged in users)

lettergrade · Member · Oct 8, 2013 at 2:47 pm

The code affecting that text is:

.navigation-main a {
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    color: #4BA6B5;
    font: 2.2rem/1 LeagueGothicRegular,Arial,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

So you could just add this to your custom css, and change the colour value to whatever you like:

.navigation-main a {
    color: #4BA6B5;
}

wearesisyphos · Member · Oct 8, 2013 at 3:25 pm
Copy link
Thank you very much, lettergrade, it worked perfectly!

And how about changing the color of the page headings, meaning if I click on a menu item, it directs me to the page, and the heading is in turquoise and I want it gray?
wearesisyphos · Member · Oct 8, 2013 at 3:27 pm
Copy link
plus: when I hover my cursor over the menu items, lines appear beneath the words, which are also still in turquoise, I’d like to change that, too.

Cheers!
lettergrade · Member · Oct 8, 2013 at 9:30 pm
Copy link
Sure, here you go! The entry header text:
```
.entry-header h1 {
    color: #4BA6B5;
}
```
And the underline on the menu items when you hover:
```
.navigation-main a:hover {
    border-color: #4BA6B5;
}
```
wearesisyphos · Member · Oct 9, 2013 at 9:48 am
Copy link
Thank you! :)

The topic ‘TRVL change color of menu items’ is closed to new replies.

WordPress.com forums

TRVL change color of menu items