Cornerstone live preview has wrong styling

Support
#1

Hi there,

on my site: http://sobkowski-neu.cti-newmedia.de/
there is an issue with the styling of cornerstone live preview.
It’s very different to the front end. Eg text-size and font weight.
But on front end it appears correct.

#2

Hi there,

I checked your website and added a test page and saw the font issue you mentioned. The Font Manager has a bug loading the Google Fonts on this version which will be fixed in upcoming release.

So please add the Body and Heading font by going to X > Launch > Templates > Fonts, after that set the proper settings in X > Options > Typography by enabling Font Manager and setting the fonts of the body and heading to the font manager presets.

That should do the trick, but you will need to wait for the upcoming release.

Thank you.

#3

Hi Christopher,

I followed your instructions and enabled the font manager with the needed setting but the fonts are still not loading correct in cornerstone live preview.
Any other idea on that?

Thank you,

Philipp

#4

Hi Philip,

For now, please navigate to X > Launch > Options > Typography and turn off the Font Manager and select the “Titillium Web” font for your Body font and “Pathway Gothic One” for your Headings font manually.

There is a bug with Font Manager where it does not load the Google font, but this was already fixed and will come out on next release.

Hope this shed some lights,
Cheers!

#5

Hi Friech,

that’s the same setting I had before christopher came up with his solution.
Nevertheless I did as you said but still cornerstone live preview fonts are very wring.

Regards

Philipp

#6

Hi Philipp,

We have release a new version of cornerstone to resolve the issue with Font Manager.

Kindly update your Cornerstone to version 2.0.6

For more information please refer to the link below.

https://theme.co/changelog/

#7

Hi Paul,

I updated everything but still the issue is there.
Please take a look and help me out.

Thank you

#8

Hi there,

It’s because of Bootstrap styling that is loaded within the builder preview.

<link rel='stylesheet' id='bootstrap_cdn_css-css' data-cs-handle="bootstrap_cdn_css" href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?ver=4.8' type='text/css' media='all' />

I’m not sure how it’s added, I checked the plugins and it’s not there, disabling the plugins don’t have any effect either. Maybe it’s added by your host CDN? Or the provided account doesn’t have access to all plugins and are hidden? If you have host specific cache and CDN then please deactivate them as well.

Thanks!

#9

Hi Iam

thanks for pointing me into the right direction.
The provided account has full access to all plugins.
I’m going to forward it to the Host. I’ll let you know what comes out of it.

Thank you

#10

Great! Please let us know if this works out for you.
If you need anything else we can help you with, don’t hesitate to open another thread.

#11

Hi RueNel,

I received a response from the hoster.
There is no PHP Cache Modul installed on the server.

Any other idea on that?

Thank you

#12

@ArtOfSpring,

I was able to check more closely and discover that it’s this plugin: “mobile.de Plugin”

It’s possible that for @iam some kind of cacheing was preventing it from not including the CDN references.

Can you try disabling that plugin to see if it makes a difference?

#13

Hi @alexander,

thanks, that’s it. Unfortunately I really need this plugin.

Thank you!

#14

We’re unable to support issues caused by third party plugins. You may need to deactivate that plugin while working on pages, then reactivate when you are finished.