Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I would like to customize the font of some words using Easy google fonts.
It works while during editing using below css code. I save and publish but after few seconds t goes back to original.
GENERATION YOUNG
Hi Sheila
Thanks for reaching out. Please, insert the CSS you’re using the square code open and close tags as indicated below the comment field. We’ll take a look from there.
Thanks
Here’s the CSS code that I’m using: GENERATION YOUNG
Hi Andrew,
I’m not so familiar with CSS. What do you mean with square code open and close tags?
Sheila
In order to display code on the forum you need to wrap your code snippet.
When you write a reply you’ll notice an instruction sentence below. It reads: Post code snippets between and then provides the tags that you should wrap your code in.
Here’s a sample of the code:
That will work, I just ran a quick test.
Right now your markup for that heading is:
The widget should have an option at the bottom, a checkbox to not auto add paragraphs. Have you tried disabling that and then inserting your span class in the Text tab of the widget?
Hi Andrew!
It worked! but when i check my website on my mobile phone.
It is not responsive; the letters are jumbled.
How can I make it responsive
Glad to hear you’re making progress. Regarding the class name: .about-headline1. Did you insert the !important hacks yourself? If so, are they necessary, try removing them.
Just at a glance, the left margin you’ve added is a problem on mobile. To remove that on mobile you could say something like:
@media (max-width: 680px) { .about-headline1 { line-height: normal; margin-left: 0; } }Insert that at Appearance > Custom CSS. It won’t work if you still are using !important in the original rule’s declarations.
Left margins are an issue with your other rules like .about-headline2 etc. Try using the above logic on those too.
More of a custom development task, we’ll do our best to advise :)