Docs

[Lobsterass]

Hi!

I’m new to X and Cornerstone but used to customize many wp-sites with a child themes. I have read all your threads about X child theme and I still can’t get it to work. Nothing changes when I include my custom css (which looks right in Firebug). Frustrating.

According to your other threads in the forum, it seems like I have to include some code into the child theme in order to make it affect the right stack (Renew in my case). Please see my attached images and tell me exactly what code to write and exactly where. Should I add a style.css file inside the child renew folder?

Also, I still don’t get if I should write my css in the customizer (feels insecure) or in APPEARANCE > EDIT? I’m probably going to have a lot of custom css. I’m used to have a regular field for custom css in the theme customizer.

http://dev.monroedesign.se/ all latest versions of theme and plugs.

<3

A

[Christian]

Hey there,

Looks like your setup is correct. Overriding X styles though must be done in Appearance > Customize > Custom > CSS. You can place your own styles in the child theme. The reason for that is that style.css is an external stylesheet and the Customizer’s Custom CSS is outputted as internal which has more weight that an external one (see https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/). With that said, your CSS in style.css will not take effect though correct. Please see where you’re writing CSS in Firebug or any developer tools. Most probably, you’re adding CSS in the Stack’s CSS that is why it works. Editing the Stack’s CSS directly though is not recommended as updates will overwrite it.

In a regular or simple theme, style.css is mostly used because they only contain 1 style or do not include multiple designs like X.

Thanks.

[Lobsterass]

Hi! Thanx for that GREAT article on specificity. I’m going to study it further. I now get your point when you say changes made in customizer have more weight over changes in style.css.

So, sorry for asking stupid questions, but I need to know I do all these changes in the right place, I should do all my changes in Appearance > Customize > Custom > CSS? When I do them there, they are automatically done to my active child theme and not to the parent theme, right?

That last question is why I felt so insecure doing changes in the customizer. I just want to make sure they won’t be lost when I update parent.

<3

[Joao]

Hi There,

When I build my websites I personally always do the changes via Appearance > Customizer > Custom > CSS

I never ran into any troubles.

It won´t change the Child theme or the parent theme, this changes made at your Customizer will be stored on the data base.

If perhaps you delete the Child Theme or the Parent Theme folder they will still be there.

Besides that to be extra super mega safe you can go to Appereance > Addons and Export your Customizer Settings to your computer, but it is not really necessary.

So to be more conclusive, you can do the changes on Customizer and whenever you update your theme your Customizer Settings and Custom code placed there will still be the same.

Hope that helps,

Joao

[Lobsterass]

Hi! Thanx for quick reply!

OK, my ass will do them in the customizer. 🙂

<3

[Rahul]

You are most welcome! Let us know if you need any further help 🙂

[Author]

Posts