I want to stylize some of the text for one line of text on my homepage only. i.e. text size, color, font, etc.
How do I custom-style some of these elements for only one section?
Hey,
Thanks for contacting us!
Please wrap your text inside mark HTML tag and then go to Enfold theme options > Advanced Styling and edit < mark > tagged elements :)
Best regards,
Yigit
Appreciate the response. Can you explain how to “wrap your text inside mark HTML tag” please?
thanks,
Ryan
Hi Ryan,
Sure! When adding your text, you can switch to text tab in text block element and wrap the text you would like to customize in mark tags as following
Hello there. This here is my <mark>text with custom styling</mark>
Then you can edit < mark > tagged elements in Enfold theme options > Advanced Styling – https://imgur.com/a/mzs9VMU :)
Best regards,
Yigit
Thank you! I was able to edit one specific section of a text line using that. Now how do I edit the rest of the line? I want the whole font line to be 80px, but the maximum font size for paragraph text is 40px.
Hi Ryan
Then please edit Text Block elements you would like to customize and go to Advanced > Developer Settings tab and give it a Custom ID (“custom-text-block” in examle below) and add following code to Quick CSS in Enfold theme options > General Styling
#custom-text-block { font-size: 80px; }
Best regards,
Yigit
Thank worked, thank you! After some troubleshooting, I figured out the font size needs to be set to “default” for it to work.
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
You may close this, thank you!
Hi AFEC,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko