Home Forums WoodMart support forum Doubts page title

Doubts page title

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #449303

    Toni Tarres
    Participant

    Do I need to know if I can put a subtitle under a title on a particular page?
    In place of breadcrumbs.
    And I also need to know how to make the active menu tab green?

    I have attached a photo of how it should look.

    Thanks

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

    Hi,

    you can change the breadcrumb title by filling out your custom title. Here is the documentation: https://yoast.com/help/the-breadcrumbs-title-setting/.

    The below code is for changing the hover menu item color.

    .wd-nav-main>li>a:hover .nav-link-text {
    color: green;
    }

    Change the color as per your need.

    Best Regards.

    #449783

    Toni Tarres
    Participant

    Excuse me but I think I have not explained myself well. I need the menu tab item that is active to be displayed with a green background. (not only when I mouse over). I explain? (add pic “menu active”)

    And the other point is not only to disable the breadcrumbs but also to put a text as a subtitle, below the page title. Can this be done? (add pic “subtitle)

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

    Hi,

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

    .wd-nav-main>li>a>.nav-link-text {
    background-color: green;
    }

    Sorry, there is no option in the theme setting to set the subtitles for the pages.
    I think you can try some custom methods there. For example, add a paragraph tag.

    Best Regards.

    #450020

    Toni Tarres
    Participant

    This code doesn’t work for me. Because it always show the background color.
    I need it only when the tab is active.
    Do I explain now?

    #450087

    Hi,

    You can use the below CSS code in your global custom CSS area under theme settings:

    .wd-nav[class*="wd-style-"]>li.current-menu-item>a {
        background: green !important;
        color: #fff !important;
    }

    Best Regards.

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