Change main menu color for specific menu option - Support | Kriesi.at

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
July 28, 2015 at 12:31 pm #479651

catchmikey
Participant

Hello, I’m trying to change the color of a specific menu item to white while keep the others at red http://webodew.com/isa/?page_id=4127

I’ve added a screenshot of the problem I’m having. https://www.evernote.com/l/AC9j7eg0wixHrpDLj1ff5uEFraTs4JJ8JJU

Could you tell me how I can make this menu option always white without affected the other menu options?

Thanks!

July 28, 2015 at 12:41 pm #479657
Yigit
Keymaster
Hi catchmikey!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
li#menu-item-3368 a .avia-menu-text {
    color: white !important;
}
```
Cheers!
Yigit
July 29, 2015 at 12:32 pm #480147

catchmikey
Participant

Hi, unfortunately that doesn’t work. When I navigate to a new page, then the menu color needs to be in red and not white.

Screen shot: https://www.evernote.com/l/AC8mMhK9eDZIU7vYgF2vGv381FSsfp5kRfQ

I there is a solution with selected the proper parent class, but I’m not sure how to do this. Do you have another idea? Thanks

July 29, 2015 at 12:41 pm #480155
Yigit
Keymaster
Hey!

Please change the code to following one
```
.page-id-4127 li#menu-item-3368 a .avia-menu-text {
    color: white !important;
}
```
Regards,
Yigit
July 30, 2015 at 12:10 pm #480638

catchmikey
Participant

hi there! almost, but now when I navigate to the homepage page or any page outside of this menu option, I can’t see the menu option because it’s white

Here’s a screenshot: https://www.evernote.com/l/AC9YZh8Q_bxHz5-pGisDU3piLQPvMd5sJFQ

Any idea of I can fix this color on the other pages? Thanks

July 30, 2015 at 12:23 pm #480641

Yigit
Keymaster

Hi!

You should remove this code from Quick CSS – https://kriesi.at/support/topic/change-main-menu-color-for-specific-menu-option/#post-479657
And this code – https://kriesi.at/support/topic/change-main-menu-color-for-specific-menu-option/#post-480155 should only make the font color white on that page and not globally

Regards,
Yigit

July 31, 2015 at 4:44 pm #481467
catchmikey
Participant
Hi there, I did that but now I’m back to the beginning.

If you go to http://webodew.com/isa/?page_id=4127 this page represents “Upper School” of the full-width menu. I’m trying to get “Learning at ISA” in the main menu to be white color, but it is red.

Screenshot https://www.evernote.com/l/AC9p2tvpVutKjYyYdMNyKhosKj3mw0q9ZJg

When I tried the suggested
```
.page-id-4127 li#menu-item-3368 a .avia-menu-text {
    color: white !important;
}
```
It works for when I’m on this page, but when I navigate to a different main menu option, it’s white…but it should be red.

Does that makes sense?
- This reply was modified 9 years, 4 months ago by catchmikey.
August 3, 2015 at 5:59 am #481872

Ismael
Moderator

Hey!

I checked the page and the hovered menu item font color is white. Did you fix it?

Regards,
Ismael

August 3, 2015 at 3:07 pm #482130

catchmikey
Participant

Hi there! The hover menu is white, which is great, but I’m trying to get the menu option to appear white instead of red.

Please check my screenshot. https://www.evernote.com/l/AC9XkdO0fmtLtpnKnnCDfFwQLok3d2RX6rk

If you go to this page http://webodew.com/isa/?page_id=4129 this refers to the page “Middle Years”, which is located in the fullwidth submenu of “learning at ISA”. I just want the “learning at ISA” to always be white when the green background color is there.

August 4, 2015 at 6:46 am #482512

Ismael
Moderator

Hey!

Looks like you didn’t setup a page hierarchy so the “Middle Years” menu item, even though it is under the “Learning at ISA” page has no connection between the two of them. You can set the “Learning at ISA” as parent page of the “Middle Years” page and the rest of the page under “Learning at ISA”. If you do this, WP will automatically add a unique css class attribute to the parent menu item which we can then use to properly adjust the style of the active parent menu item.

https://en.support.wordpress.com/pages/page-attributes/

Regards,
Ismael

August 10, 2015 at 8:34 am #485085

catchmikey
Participant

awesome! Thanks for the help guys. Got it!
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Change main menu color for specific menu option’ is closed to new replies.