Home › Forums › Weaver Xtreme Theme › Color of selected elements in a menu
- This topic has 6 replies, 2 voices, and was last updated 1 month ago by
Realbilly.
-
AuthorPosts
-
January 23, 2021 at 13:44 UTC - Views: 23 #67119
Realbilly
ParticipantHello,
it was no problem to change the color of the hover background in a menu – but I can’t find the option to change the color of the selected element.
Thank you for help!
January 23, 2021 at 17:43 UTC - Views: 22 #67122scrambler
ModeratorThere are settings for current page BG and text.
Legacy: Appearance > Xtreme Admin > Menus > Options All menus > Current page text
or Customizer: Customizing ▸ Colors > Menus > Colors for all menus > Current page text
January 23, 2021 at 19:55 UTC - Views: 17 #67126Realbilly
ParticipantThank you for your answer.
That doesn’t work for me. I found this before and set there color in blue. And the hover is blue before selecting, but the item is brown after selecting.
January 23, 2021 at 20:25 UTC - Views: 13 #67128scrambler
ModeratorThis is because you are using the SImple vertical menu that does not take the styling. Only the vertical accordion does.
If you really prefer the simple vertical over the accordion, you can add the CSS below to the theme global Custom CSS Rule box to style the current page items.
.menu-vertical .current-menu-item >a {background color:yellow !important;color:red !important;}
January 24, 2021 at 09:44 UTC - Views: 11 #67129Realbilly
ParticipantThank you for your answer. I would prefer the simple vertical and tried the css.
But that only had affect at the text color, the background color remained.
No matter if I tried hexcode or colorname.
January 24, 2021 at 17:24 UTC - Views: 7 #67130scrambler
ModeratorI see it working on my end, but I see you have used two rules
.menu-vertical .current-menu-item >a {background color:blue !important;color:white !important;}
Which has an errors syntax using “background color” instead of “background-color”, so that property is invalid
Then you have
.wvrx-vertical-menu .current_page_item>a {background-color:#BAA987 !important;color:#F0EBE0 !important;}
Which is working and when I click on a menu item in the left menu, when the page loads, the item BG is BAA987 and the text is #F0EBE0
That said, you are also missing a space before and after the >
.wvrx-vertical-menu .current_page_item > a {background-color:#BAA987 !important;color:#F0EBE0 !important;}
Always pay attention to syntax with CSS 🙂
January 24, 2021 at 17:41 UTC - Views: 4 #67131Realbilly
ParticipantVery big THANKS to you, Scrambler! Great job again!
That is working fine now. -
AuthorPosts
- You must be logged in to reply to this topic.