Free Tutorial For Genesis Themes: How to Add Custom CSS Styles
I'm going to show you how easy it is to add custom css to your existing Genesis theme without using a plugin.
WordPress 4.7 offered an amazing update, they added the optional 'Additional CSS' within the customizer. It was a long awaited update because before that you had to load and activate yet another plugin.
Well good bye Custom CSS Plugins...though I'm not sure the developers would appreciate it.
Today, you can safely add custom css to customize the look and feel of your Genesis child theme. It's important for me note that the custom CSS you add will not be overwritten when there's a Genesis theme update.
Another important note for me to add is that this bonus isn't just for Genesis themes, but is for all themes that use WordPress.
How To Add Custom CSS in Your Customizer
Head over to your WordPress customizer, to do this go to Appearance > Customize to access the Customizing Additional CSS.
Click on Additional CSS to open it up, do not remove the script at the top. Add your css styling then save and publish your changes.
To tweak your theme, check out Firebug lite add-on for Chrome and Firefox. Load to the browser and right click the area you're wanting to change. A box will pop up, you can mess around with the code without it ruining your theme.
If you like your changes, copy the new code and add it to your Additional CSS, this how I always work and change my themes.
Genesis Theme of the Month at StudioPress
Don't have a quality theme?
Genesis are considered one of the best because they’re sophisticated, offer lightweight top-notch coding, are SEO optimized, are HTML 5, are schema ready, updates are a breeze, security is tighter than ever, and can easily customized. There are so many positives to using Genesis that the list is endless.
Check out their theme of the month...