Home › Forums › WoodMart support forum › adjust filter layout

adjust filter layout

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 8, 2021 at 3:17 pm #337818

    Lisawi
    Participant

    Hi,
    after update the layout of my filter option has changed. How can I adjust the font type and size and the button?

    Greetings,
    LIsa

    Attachments:
    You must be logged in to view attached files.
    December 8, 2021 at 11:49 pm #337916

    Elise Noromit
    Member

    Hello,

    It seems the sidebar width became smaller, please enter the shop page and try to make it bigger.

    Best Regards

    December 9, 2021 at 8:21 am #338005

    Lisawi
    Participant

    Hi, the size is fine. I want to have the button with outline not solid and the text of the price in my own font…

    Greetings,
    LIsa

    December 9, 2021 at 6:18 pm #338231

    Elise Noromit
    Member

    Hello,

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

    body .widget_price_filter .price_slider_amount .button {
    font-size: 12px;
    color:#000000;
    border:2px solid #000000;
    background-color: transparent;
}

    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/

    The price label selector is:

    .widget_price_filter .price_slider_amount .price_label

    The prices range:
    .widget_price_filter .price_slider_amount .price_label>span

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)