Slider Revolution: On mobile, there is constantly a white 1px or so gap on the right of my slider

[paul.r]

Hi Alec,

I tried logging in and the front end and backend are now showing the same.

May I know how exactly did you change the font of the text “Come Travel with us!”
I can see you have used text element, so the font is the same as your body text. I suggest you use the Headline element instead of text element.

You can then change the font in Theme Options > Typography

Typography | Themeco Docs

or if using Font Manager

Font Manager | Themeco Docs

Another Option is to enable advanced mode.

You can then set the font on the element itself.

Hope this helps

[LordSnow]

Hey @paul.r

Ok so here’s the problem. I changed the font of the ‘Come Travel With Us’ text with an ID. I attempted to change the font of the text to the google font ‘Lobster’

Doing so produces this font change on the cornerstone ‘front-page’ editor. From this:

To this:

However, on the X ‘theme options’ page, the font does change To Lobster:

Yet this doesn’t help me as when editing the front page in Cornerstone, the text still looks like this:

Not sure if that’s the best way to explain it and let me know if it doesn’t make sense, but hope that helps…
Alec

[friech]

Hi Alec,

In the Font Manager you only define these font-families, Helvetica, Trebuchet MS, and Amaranth you can see that on the Font Manager.

What this means is it’s not the Theme nor Cornerstone is loading the Lobster font. Its the Revolution Slider, and because no preview of Slider on Cornerstone you don’t get the Lobster font in there, that is why.

If you want to use the Lobster font on your headlines without the help of the slider, you can define it on the Font Manager, and set that on Theme Options > Typography > Heading Fonts

Another thing with regards to this;

That is not how you use the Element CSS feature. If you want to use the ID for applying custom CSS then you can put your CSS on the Page > CSS or Theme Options > CSS.

In the Element CSS, you don’t need the ID nor CLASS, you need the $el, so your CSS would look like this:

$el {
font-family:lobster;
}

Hope that shed some lights,
Cheers!

[LordSnow]

Hey @friech,

Thanks for explaining that!
You say it doesn’t load because of the Revolution Slider. The text I’m referring to isn’t located in the Revolution Slider. Are you saying that text won’t load in Cornerstone at all, even if it’s not located in the revolution slider?

Thanks,
Alec

[friech]

Hi Alec,

Yes, I understand you’re referring to the “Come Travel With Us” text.

The thing is, before you can apply a font-family to a text, you first need to load that font-family to your site, make sense? So how did the page load the font lobster? It was loaded by the Slider, try removing that slider on your home page and you’ll see the “Come Travel With Us” text will lose the lobster font.

If you want to load a font-family independently from other plugins, please do the following:

Please understand how the Font Manager works.
And then enable the Advance Mode with the advanced mode enable, you’ll get all the options for the headline and text element including a font-family options.

Thanks,

[LordSnow]

Hey @friech,

Finally got it working! Thanks so much for explaining it all so well - had a deeper look into it and now it all works well, so thanks so much for all the help

Thanks again guys,
Alec

[friech]

You’re more than welcome, glad we could help.

Cheers,