Responsive text block

This topic has 9 replies, 2 voices, and was last updated 3 years, 6 months ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
June 11, 2021 at 1:26 pm #299148

Pernilla
Participant

How can I make the text on a responsive text block to h1?
When I changed the text on this page to h1 https://alltsnickeri.se/mobelsnickeri/ the font changed size and whatever I change in the settings, the font remains the same.
It should look like the title on this page https://alltsnickeri.se/om-oss/

June 11, 2021 at 9:45 pm #299306

Elise Noromit
Member

Hello,

You can set the H1 in the editor: https://prnt.sc/153kg1d

Please assign the class to the responsive block and set the font styles in the Advanced typography.

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

June 12, 2021 at 9:07 am #299360

Pernilla
Participant

Thank you. I followed you steps and it still don´t change.

June 12, 2021 at 1:01 pm #299387

Elise Noromit
Member

Hello,

Please provide the page URL where you try to apply the Responsive text block.

Best Regards

June 13, 2021 at 12:32 pm #299461

Pernilla
Participant

You have the link in my first post and in the private settings too 😉
It is: https://alltsnickeri.se/mobelsnickeri/

June 13, 2021 at 8:20 pm #299511

Elise Noromit
Member

Hello,

I have double-checked the Responsive text element, there is the option to set the font size as per your needs: https://gyazo.com/365a867d7657a82edb083703c53f9f3a

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

Best Regards

June 14, 2021 at 6:39 am #299561

Pernilla
Participant

Thank you, I already tried that option and it dont affect the text size at all… it does not work.

June 14, 2021 at 9:23 am #299615
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .woodmart-text-block-wrapper.text-center .woodmart-title-container h1{
font-size:60px!important;
}
```
Best Regards
June 14, 2021 at 9:38 am #299618

Pernilla
Participant

That works! Thank you 🙂

June 14, 2021 at 4:16 pm #299745

Elise Noromit
Member

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

Best Regards
Author

Posts