Home Forums WoodMart support forum Menu title color

Menu title color

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #455199

    MatoZato
    Participant

    Hello.

    Can i set only one menu section title diffrent color?
    To red.

    Title Blog.

    https://mywear.sk/

    Thank you very much.

    #455214

    Luke Nielsen
    Keymaster

    Hello,

    Yep, with the help of the theme presets, you can change the Blog’s page title color. Please navigate to Theme Settings -> Settings Presets and create a condition as in the screenshot below.

    https://monosnap.com/file/ENNiEzaZzmIHAFwv9BgRovy1HodmgU

    Then edit its theme settings and navigate to Typography -> Advanced and create such a rule: https://monosnap.com/file/IjbxHGb8AErkEVH6Xlazm6S8t7WTTh

    As a result, the title will be changed only on the Blog page.

    Kind Regards

    #455301

    MatoZato
    Participant

    Hello.

    I find Preset and advanced typography.

    And i dont know what i must add to Preset and advaced typography.

    Thank you very much.

    #455310

    MatoZato
    Participant

    And i wanna change Title only in blog subpage and In menu link text BLOG to red.

    Thank you very much

    #455456

    Luke Nielsen
    Keymaster

    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

    #455490

    MatoZato
    Participant

    But when i change Page title, change me all tittle.

    #455492

    Luke Nielsen
    Keymaster

    Hello,

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

    I await your response.

    Kind Regards

    #455517

    MatoZato
    Participant

    Okay i send.

    Attachments:
    You must be logged in to view attached files.
    #455593

    Luke Nielsen
    Keymaster

    Hello,

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

    I await your response.

    Kind Regards

    #455611

    MatoZato
    Participant

    Okay i send. But i want know how can i change it please 🙂

    #455863

    Luke Nielsen
    Keymaster

    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

    #455875

    MatoZato
    Participant

    Hello.

    I dont understartd you set it? I dont see it in advaced typgraphy.

    #455896

    Luke Nielsen
    Keymaster

    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

    #455910

    MatoZato
    Participant

    But i wanna only Red Text in menu BLOG subpage 🙂

    #455927

    Luke Nielsen
    Keymaster

    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

    #456002

    MatoZato
    Participant

    But when i change this. Make all text link in menu red… I wanna red only Blog link menu.

    #456016

    Luke Nielsen
    Keymaster

    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

    #456849

    MatoZato
    Participant

    Thank you very much.

    And you can send me this CSS code to Blog Title? 🙂

    #456970

    Bogdan Donovan
    Keymaster

    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

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