H1 H2 H3

The fonts seem to be either too small on desktop or two large on mobile using the typography settings. How do I specify theses using CSS? I know I can add the CSS to mobile or desktop sections.

H1 to be 46px Georgia bold brown
H2 to be 36px Georgia bold brown
H3 to be 22px Georgia italic Charcoal

Hello,

Please provide some relevant screenshots where you added the headings to check it myself.

Also provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

.

Attachments:

You must be logged in to view attached files.

Hello,

The new arrivals are added using the

tag.

Screenshot for Clarification: https://gyazo.com/79faa0b8b7a26c79e92b8fd05f93be17

Please try adding it in the heading tag then check back.

For the h2 try adding the following Custom CSS.

.woodmart-title-container h2 {
    font-size: 32px;
}

Best Regards

How about H1 H2 H3 in general?
I just want to set these fonts so that dont change. Seems to be all over the place and they vary between size in firefox vs chrome.

Hello,

You are using the Responsive Text Block element which is deprecated. Please replace them with the text block Element then check back.

Screenshot for Clarification: https://gyazo.com/f55053bf4a3326a5765ea1690ae2bbef

And try defining the sizes in the element.

Best Regards

I tried the text block but it doesnt give us the mulish font, just Georgia.

Attachments:

You must be logged in to view attached files.

Hello,

The font settings in the text block element get primary and secondary fonts from Typography settings.

Please try changing the primary or secondary font from Typography then check back.

Best Regards

[Author]

Posts