Display Text through widget area

Shapely
1

Hi,

I am trying to display some text on my homepage through the text area. I have downloaded a CSS manager plugin which works as I have tested it with other CSS.

I have placed some text on my homepage. I have created a CSS .teammsgheader and I have tried <p>, <div> and <h1> for the text with the class but it doesn’t really work. I have tried inline CSS which you will see works but when it is viewed on a mobile the text starts to overlap and the spacing between each line goes.

I would like to have text that is responsive and resizes to the device. So if the code calls for one line the text should shrink in size and stay as one line.

If you have any other suggestion on how to place text on the homepage which can easily be changed every so often then please let me know.

2

Website Page
The text in question is the TEST text

3

Hi @shahidul,

I hope you are well today and thank you for your question.

You can try making that text smaller for smaller screen sizes by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


@media (max-width: 767px) {
#page .shortcodes-ultimate p {
    font-size: 100% !important;
}
#page .shortcodes-ultimate strong p {
    font-size: 200% !important;
}
}

Best Regards,
Movin