Docs

[Frank S]

Hey guys,

1) I wish I could control the title of a regular page and make it bold and change the font size, etc. I am using integrity. I am not sure where I can find such controls. Do I need to use CSS?

2) I see “Id, Class & Style” boxes to control the look of elements of a page in Customizer. Are there examples and lists of what one can use in these boxes? Is there a list of some examples that can be put in the Id box, Class box and the Style box? I am aware of the “CSS Class Index” page. Is there anything else? Any other resource?

3) If I put CSS into the Customizer’s “Custom” section, will that get wiped out when I upgrade X? Should all custom css go into the child theme? What is the difference of putting css into the custom section of the Customizer and the Child Theme?

Thank you very much.

[Prasant Rai]

Hello Frank,

Thanks for writing in!

1) You can change CSS of title from Appearance > Customize > Typography.

2) As of now we haven’t published any other resource other than CSS Class Index. Suppose you want to specifically target the look and feel and in some cases behaviour of a element in that scenario CSS class and Id field can be used. To learn more about Id and Class and the difference between them, please walk-through following tutorial:

The Difference Between ID and Class

3) You won’t lose any customizer settings including custom CSS while upgrading.

Hope that helps.

Thanks.

[Frank S]

Thank you very much for the reply.

So, is the Customizer’s CSS section equal to the Child Theme when it comes to CSS customization? Is there a link that explains the difference between putting CSS code in the Customizer and doing so in the child theme?

Thank you again.

[Rue Nel]

Hello There,

If you are modifying a few elements with a little custom css codes and that this modifications applies to the whole site, the customizer is a good place. On the other hand when you are changing some elements within the page alone and doesn’t apply to any other page, you can simply insert the custom css in the settings tab, Settings > Custom CSS especially if you are using Cornerstone so that your code will only be loaded on that page alone.

As you modify several elements and that these changes applies to every posts or pages in your site, the best place you can have your code is the child theme’s style.css file. When you place your code in this file, your code will be more organized and you can easily find anything thus easier to find and debug if there are any addition or changes.

Hope this explains briefly.

[Author]

Posts