Home › Forums › WoodMart support forum › Change font size

Change font size

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 18, 2020 at 1:39 pm #242620

    accosuk
    Participant

    How do I increase the topbar font size.
    Please take a look at the attached image.
    Kindly let me know.
    Thanks
    Arun

    Attachments:
    You must be logged in to view attached files.
    November 18, 2020 at 8:32 pm #242698

    Elise Noromit
    Member

    Hello,

    You can change the font by means of Advanced typography option, which allows 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

    November 19, 2020 at 5:40 am #242747

    accosuk
    Participant

    Thank you for your reply.
    I had tried it.
    But there was no change to the top bar links/items.
    Please let me know which one should I select?
    I also changed “My Account” links on the header, but no change in font size.
    Please let me know.
    Thanks a lot.

    November 19, 2020 at 10:07 am #242835

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access to the private area.

    I will provide the custom CSS and you will be able to take selectors.

    Best Regards

    November 19, 2020 at 12:29 pm #242881

    accosuk
    Participant

    Hi
    Thank you for your reply.
    Details shared below.

    November 19, 2020 at 4:37 pm #242939

    Elise Noromit
    Member

    Hello,

    The text in the text block is changed just in the block of the Header builder or remove this inline style I will able to give selector/custom CSS https://prnt.sc/vm8fsa

    Here are selectors for icons: 

    .whb-top-bar .search-button .search-button-icon:before {
    font-size: 13px;
}
.whb-top-bar .wd-tools-element .wd-tools-icon:before {
    font-size: 14px;
}
.whb-top-bar .wd-tools-element .wd-tools-icon:before {
    font-size: 14px;
}

    Best Regards

    November 20, 2020 at 5:47 am #243049

    accosuk
    Participant

    Hi,
    ok.. I have removed the inline styles.
    Please let me know the css selector for the text
    – Free Delivery
    – Phone number
    – My account
    – Cart total
    on the topbar.
    Thanks again

    November 20, 2020 at 2:48 pm #243190

    Elise Noromit
    Member

    Hello,

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

    body .whb-top-bar .whb-text-element {
font-size: 20px;
}
body .whb-top-bar .wd-tools-element .wd-tools-text {
    font-size: 20px;
}

    Set the size as per your needs. As soon as you clean the inline-style from the text block with the phone, the styles would be applied to it as well.

    Best Regards

    November 21, 2020 at 4:54 am #243269

    accosuk
    Participant

    Changed it.. Thank you..

    November 21, 2020 at 12:59 pm #243361

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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