Menu Colors

finstudios
(@finstudios)

6 years ago

I am wondering how to update the color of the “non-linked” menu items to match the linked menu items to make them all look the same. They change upon hover, but i need them just match.

https://finstudios.com/ratking.finstudios.com/ratking/news/ (how i don’t want it to be)

vs. https://finstudios.com/ratking.finstudios.com/ratking/ (how i want it to look)

Thanks
Christian

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

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

Theme Author Nik Smalin
(@nik-smalin)

6 years ago
Hi,

add this to your custom css
```
.header__inner__wrapper .menu-item a, .header__inner__wrapper .nav .menu > .menu-item.menu-item-has-children::after {
    color: #ffc222;
}
```
Regards!
Thread Starter finstudios
(@finstudios)

6 years ago

That worked perfectly! Thank you… when i look at the site title though, on the blog page, it is white as well but the gold color on all the other pages. How can i ensure that it remains gold as well?

Thanks in advance.

Thread Starter finstudios
(@finstudios)

6 years ago

oh and the word “BLOG” turned white as well… I need that to be the gold color as well…
Theme Author Nik Smalin
(@nik-smalin)

6 years ago
Add this to your custom CSS
```
.title__breadcrumbs__container h1 {
	color: #ffc222;
}
```
it will make your titles gold enough )

Regards!
Thread Starter finstudios
(@finstudios)

6 years ago

argh – it came close … now the title “BLOG” is gold, but the main title of the page on the blog page is white… any chance of changing that main title (not the catch phrase) back to the gold?

Thanks so much for your assistance!
Theme Author Nik Smalin
(@nik-smalin)

5 years, 12 months ago
I don’t actually understand what do you call main title
“Blog” – is main title on blog page
Do you mean site logo ? If yes use this
```
.header__inner__wrapper .logo a {
    color: #ffc222;
}
```
If you need to change site description use this
```
.header__inner__wrapper .logo .site__description {
    color: #ffc222;
}
```
Good luck!
- This reply was modified 5 years, 12 months ago by Nik Smalin.
Thread Starter finstudios
(@finstudios)

5 years, 11 months ago

that first one worked perfectly… now, one more question.. on the blog page the links on the sidebar need to be the yellow color as well (you can see it on other pages) … they are showing white for some reason. Any custom CSS code to update that? This is the links under Recent News, News Archive and Popular Tags.

Thanks
Christian.
Theme Author Nik Smalin
(@nik-smalin)

5 years, 11 months ago
You can use this:
```
.widget.widget_recent_entries li a {
    color: #ffc222;
}
```
Regards!
Thread Starter finstudios
(@finstudios)

5 years, 11 months ago

Thank you for all of your assistance Nik.

I think i just have one more question … how can i change the color of the “popular tags” to be gold on the NEWS page to match the other pages? Right now its white on the NEWS (blog) page and gold font on the other pages.

Thanks
Christian

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

The topic ‘Menu Colors’ is closed to new replies.

Tags