Docs

[philiponeillfreelancer]

My CSS which is added in appearance > customizer > css all show in the source of the page rather than linked.

I tried to move to the child theme style.css but it doesn’t work. It just ignores the CSS completely. Can you advise how I can add to style.css so it is linked in header rather than output in page source.

Logins and links below.

[philiponeillfreelancer]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Please keep in mind that this is the order of the css when the page is loaded.

Stack Style
Child theme's style.css
Customizer's custom css
Cornerstone's custom css

When you move your custom css to child theme’s css, most likely that those css were being overridden by the customizer’s settings. To make sure that your css will take effect even if it is in the child theme, please edit your custom code and add the child theme’s class ‘x-child-theme-active’. For example, if you have this code:

.widget.widget_recent_entries li a {
    padding-top: 0.3em !important;
    font-size: 81.25%;
    font-weight: 400;
    color: #000000;
}

When added in your child theme, you will have something like this:

.x-child-theme-active .widget.widget_recent_entries li a {
    padding-top: 0.3em !important;
    font-size: 81.25%;
    font-weight: 400;
    color: #000000;
}

Or as another example;

body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: 90px !important;
}

Will have this;

body.x-child-theme-active.x-navbar-fixed-top-active .x-navbar-wrap {
  height: 90px !important;
}

Hope this explains it briefly.

[Author]

Posts