Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 31, 2022 at 11:40 pm #1353635
    epkdesign

    Hi there!

    When I added a full width element to my page the side bar nav got shifted to the bottom.
    This wont work, so I understand I can manually add it using the columns and a widget feature. However when I do this it is not styled the same as the original sidebar. :(
    Is there a way I can make it match, as well as have it highlight the active page?
    See links below… and thanks in advance for your help.

    June 1, 2022 at 5:08 am #1353668
    Ismael

    Hey epkdesign,

    Thank you for the inquiry.

    You use this css code to apply a border to the right side of the first column but it will not look exactly the same as the default sidebar template.

    div .flex_column:first-child {
    border-right-style: solid;
    border-right-width: 1px;
    margin-right: -1px;
    padding-right: 50px;
}

    You can also use this css code to adjust the font color of the widget links.

    #top .widget a {
    color: gray;
}

    Best regards,
    Ismael

    June 1, 2022 at 4:46 pm #1353778
    epkdesign

    Thanks for the Quick response.

    Is there anyway to make it highlight the active page?

    June 2, 2022 at 5:02 am #1353843
    Nikko

    Hi epkdesign,

    You can use this CSS selector to target the current/active page:

    .widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a

    Hope it helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.