Styles, Fonts, Headers
-
Sorry, i just dont get it. I dont want to go back to manually editing css files, but i need to define some styles… Eg: H22 (some font, some color, some shadow, etc), and apply this across the entire site.
How is this done?I’ve wasted years with Child Themes – that dont work for unknown reasons. I’ve looked everywhere in WordPress, i’ve tried numerous themes, i’ve even tried extra blockeditors ontop of WP (like Elementor – which need paying for, then Style Kits which needed paying for, then… and its STILL not possible).
I hope i just missed a step and theres an easy way…
-
With CSS, you have two choices.
1) You can define your style with your class name, then put that class name where you want it in the HTML.
2) You can define your style with the tags and classes that the HTML already has.Most themes generate fairly standard HTML for the containers of the header, content, sidebar, footer, but they are still all different. With plugins generating HTML also (image carousels, icons, forms, blocks etc.) the HTML hierarchy is unknown and classes could be anything.
Given all this, you can use a plugin to define your custom CSS, so it won’t change when you change theme. But changing the theme means the classes and HTML change anyway, so it’s easier to put it in the Customizer > Additional CSS where you can see the live preview as you edit the CSS.There are some themes with options for CSS that applies to specific areas, and others that will add classes to various areas for you (plugins to do this also).
I wrote a theme that adds classes everywhere, and it has an option for you to enter the class name which is then available to choose from various places like in the editor and other parts of the Customizer. It’s https://www.ads-software.com/themes/twenty8teen if you’re interested.
- The topic ‘Styles, Fonts, Headers’ is closed to new replies.