CS inline CSS vs style.css from child theme

[cpennetier]

Hello
I have used X and Pro for many years and am completely satisfied with them. Its only drawback would perhaps be the heaviness of Cornerstone, but what a tool it is! Wishing to optimize the sites I create myself, I don’t understand why the Global CSS available in Cornerstone is not in a .css file.
I abandoned the child theme’s style.css file to be totally in the CS environment. But this detail makes me doubt.

Global och page css is inlined and not linked to css file?

Why is the custom CSS fired into inline-css and not an .css file instead? See print

I found this post and I’m surprised that since 2018 nothing has changed.

You really can’t do anything about this subject which seems essential to me?
thanks

[tristup]

Hi @cpennetier,

The Global CSS is an option to add custom CSS code for the users. So they add the custom CSS whenever it is required. The code is added to the page at runtime, so it can’t be added to any .css file.
If that needs to be added to any file, many other issues will arise due to that.

Hope I am able to clarify it.
Thanks

[cpennetier]

I understand, but I personalize the designs of my clients’ sites in part using CSS. My Global css is quickly 1000 lines, loaded on each page (not ideal for good web performance).
I think the global css was overriding the child theme’s style.css.

This remains a big problem for me, even using optimization plugins.
You leave me in doubt as to the choice of Pro.
But I understand that on such a tool, changes do not have slight consequences.

Thanks

[ruenel]

Hello @cpennetier,

You only put custom CSS code in the Global CSS if that code applies to all pages. If some of those lines of codes is only for the particular page or archive layouts, you can place the custom CSS code on the page or custom layout you have built in Cornerstone builder. This is why when you are editing a page or layout, you have this:

Also, please understand the hierarchy of the styling being applied to the page:

• Theme’s style.css
• Child theme’s style.css
• WordPress Additional CSS (Appearance > Customize > CSS)
• Theme Options
• Global CSS
• Page’s custom CSS

Hope this makes sense.

[cpennetier]

Hello @ruenel
I understand, but as I customized a lot of sites in CSS and I wanted to stay in the same working environment for everything, I used global css a lot. I’m going to repatriate everything to the child theme css style.
THANKS

[tristup]

Hi @cpennetier,

That would be the way to do what you are trying to do.

Thanks