Editing CSS on WordPress has always meant editing the actual stylesheet file for your theme. But with the new 4.7 release of WordPress there’s a CSS editor built right into the customizer.
This is a super useful addition. I’ll show you how it works…
Editing CSS On WordPress: Easier And Safer
You can use this new feature for editing CSS on WordPress without worrying about breaking the built-in CSS for your theme. It will store your CSS changes per-theme — so you can add CSS to any theme you have installed — and if anything goes wrong you just remove your changes and everything goes back to the default settings.
The new CSS editor will show a preview of changes in real-time but it doesn’t allow interactive selecting of elements to be edited, so you still need some base-level knowledge of CSS. Hopefully future releases will make this built-in WordPress CSS customizer more powerful and easier to use.
See The Built-In WordPress CSS Editor In Action
Here’s a video that shows the new CSS editor in WordPress 4.7. I show you how to add a bit of CSS via the new editor and see right away how the changes take affect.
There’s also a new theme with WordPress 4.17 called Twenty Seventeen. You’ll see it in the video, too. I think it looks nice and has a lot of potential. Of course I still prefer Genesis themes since their underlying design is so smart and easy to work with.
This new built-in CSS editor is a good addition to the core WordPress software. It will allow more people to confidently customize their WordPress sites and also give them a safe way to remove any of those changes that don’t work quite right.
If you have any questions let me know in our free Facebook Group.