Change My Account Font Size In Header

Hi

We are struggling to change the font size of the My Account text (Login/register etc) and price font sizes in our header (see attached image). We want to reduce it to size 13px can you advise how to do this?

regards

LP

Attachments:

You must be logged in to view attached files.

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

Hi.

Thanks yeah we tried this already but are struggling to know the exact selector / class? We have tried several but none change the text size.

Regards
LP

Hello,

You can use this selector:

body .wd-tools-element .wd-tools-text {
    margin-inline-start: 8px;
    text-transform: var(--wd-header-el-transform);
    white-space: nowrap;
    font-weight: var(--wd-header-el-font-weight);
    font-style: var(--wd-header-el-font-style);
    font-size: var(--wd-header-el-font-size);
    font-family: var(--wd-header-el-font);
}

Alternatively, you can add this custom CSS and change the styles as per your needs.

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

Best Regards

Hi.

Perfect, thank you. That solved it.

You are welcome!

Wish you a wonderful day!

[Author]

Posts