Styles Question

[Rebekah Smith]

Hello,

If anyone could point me in the right direction I would appreciate it. I am using the 2016 theme. I am using a child theme. I have (or had) enough knowledge of CSS styles to customize typography. I don't live and breathe WP but can usually get by with  instructions. I want to define some paragraph styles that would be available globally. Per a tutorial, I added code using the "customizer". I also tried editing the site/child theme using the WP interface. After a few more tutorials, including stuff on theme.json, I feel like I must be off track. I am not trying to learn how to make a new theme from scratch. Maybe it's just that I think it should be simple. Somewhere I saw that CSS changes can't be seen in the editor (???) So I switched to a live page to see if I could have any effect there. No luck.

Thank you for any tips. Rebekah

Ps - Could the administrator of this group please add my other email address to this group? S...@40WattMountain.com Thanks

[Nick Ciske]

The custom stylesheet in the customizer is applied to every page, so that'll work (and has live preview).

Adding it to your styles.css file in the child theme will also work (and be applied to all pages on the frontend) and is the best long term option.

If you've added a rule, but it's not taking effect, you like have a selector specificity issue -- i.e. the theme is overriding your custom style.

p{} will be applied to all pragraph elements, but anything more specific will override it.

body p{} is more specific.

For 2016 you can target just p tags in the main content area:

body .site-content p{}

OR

body #content p{}

As IDs (the #) are more specific than classes.

And so on... (let's just avoid !important as it generally is more trouble than it's worth).

It may also be caching (shift + refresh can help in this case).

That should get you where you want to go... good luck!

Nick Ciske

CTO @ LuminFire

https://LuminFire.com/