Home Forums WoodMart support forum Pagetitle categories color change

Pagetitle categories color change

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #495974

    kasper
    Participant

    Hello,

    How do i change the color of the marked in the screenshot attached.

    I’m aware of the default, light and dark options, but i need an option where i can change it in dept, as the line is hard to see and the colors aren’t bright enough(on my own website)

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

    Hello,

    You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards

    #500173

    kasper
    Participant

    Thank you for the information, but which one would be the “xx Products”?

    #500358

    Hello,

    Please provide the page URL where this string is shown, we will double-check.

    If you have any questions please feel free to contact us.

    Best Regards

    #508969

    kasper
    Participant

    You’re able to see it in the screenshot i shared earlier.

    12 products, 17 products etc.

    #509180

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    /*for category*/

    body .wd-nav[class*="wd-style-underline"] .nav-link-text {
    color:red:
    }

    /*for product number*/

    body .wd-nav-product-cat .nav-link-count {
    color:yellow;
    }

    Please replace the color as per your needs.

    Best Regards

    #551039

    kasper
    Participant

    Hello again,

    Thank you for the help in the past. Now I’m curious regarding how to change the color of the underline of the hovered element or the active element you’re currently on.

    Looking at the screenshot i shared in the beginning, then its the green line beneath ‘Lighting’

    #551187

    Luke Nielsen
    Member

    Hello,

    Try to use the code below for help.

    .archive .wd-nav[class*="wd-style-underline"] .nav-link-text:after {
        background-color: red; 
    }

    Define it in Theme Settings -> Custom CSS.

    Kind Regards

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