Menu title color

Hello,

In the Preset’s theme settings -> Typography -> Advanced -> you need to create a rule with the “Page title” condition and set a color in the appropriate field, like in the screenshot below.

https://monosnap.com/file/IjbxHGb8AErkEVH6Xlazm6S8t7WTTh

Kind Regards

Hello,

May I request you send me some screenshots for a better understanding of which titles you mean?

I await your response.

Kind Regards

Hello,

Please send me access to that website so I will help you adjust it on your side.

I await your response.

Kind Regards

Hello,

I have set the page title as red with the active menu item, please check it. The below video shows where it was adjusted.

https://monosnap.com/file/iZr5QpuHa6HOyMMFbRQxSW6eXQxyfN

You can also reach out to us if you have any questions.

Kind Regards

Hello,

Yep, it is already activated on your website. As I described before in the above messages, it is activated via Theme Settings -> Settings Presets -> “Blog title color” preset -> Typography -> Advanced.

https://prnt.sc/AweMSWm-m9X0

https://prnt.sc/wawdPnnT7ik-

If you want to make the red menu by default for whole pages, navigate to Theme Settings -> Typography -> Advanced -> for the “Main navigation links” rule set the red color.

https://monosnap.com/file/ibhyejGHGd9g1H4BpQngspCn1a0s7m

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

Ok, in this case, please navigate to Theme Settings -> Settings Presets -> “Blog title color” preset -> Typography -> Advanced and change the “Color” field to “Red”: https://monosnap.com/file/Rd8D4pYjbKfT6hDO6hAL3RYxCFpQ3T

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

Hello,

Ok, here is a code for making red only the “Blog” link:

.whb-main-header .menu-item.menu-item-14414 a span{
    color: red;
}

Kind Regards

Hi,

To make universal custom colored menu items, you need to

1. Try to remove previse provided custom CSS code.
2. Add wd-custom-item custom class (Screenshot https://prnt.sc/sj0IBzjq3DBY) to the desired menu items in the menu settings in which you want to change color.
3. Add the following code snippet to the Custom CSS area in Theme Settings. You can modify idle/hover/current menu state colors to your own values.

/* Idle menu state */

.whb-header .menu-item.wd-custom-item > a {
  color: red;
}

/* Hover menu state */

.whb-header .menu-item.wd-custom-item > a:hover {
	color: blue;
}

/* Current selected menu state */

.whb-header .menu-item.wd-custom-item.current-menu-item > a {
	color: orange;
}

Kind Regards