SiteOrigin CSS

The Visual CSS Editor For WordPress That Anyone Can Use

The best content in the world can fail to engage your audience if it's design and presentation are not appealing. CSS is the proper way to style your content and really make it pop. However, learning CSS can be a challenge. And even when you know CSS, applying it to your content in WordPress can still be a painful process. There are a number of plugins and themes on the market that try to ease the burden but I've found many of them to be over-complicated and bloated. Often they get in the way of your creativity rather than letting your ideas flow straight through to the page. 

I was very excited to see a message in my inbox today from SiteOrigin announcing the release of what appears to be an incredible plugin for editing CSS in your WordPress sites. I already love their free WordPress themes and their amazing free Page Builder Plugin. So while I haven't had a chance to even dig into this new tool I'm confident it will impress. I'll be setting aside time to play with it ASAP and will post my experience but for now here's an overview:

SiteOrigin CSS is a powerful CSS editor that allows you to change your WordPress site's design in real-time. Beginners will love the simple visual controls. Advanced users will love its power features like code completion and real-time feedback. No matter your current skill level, SiteOrigin CSS will turn you into a site editing pro in minimal time.

Simple visual controls

When you're just getting started, visual controls are a game changer. They allow you to change the look and feel of your site using simple controls. You can see your changes as you make them, allowing you to make finely tuned adjustments. Perfect for keeping your inner perfectionist happy.

A powerful code editor

SiteOrigin CSS analyzes your theme's stylesheets and uses this to give you selector and attribute autocompletion - a huge time saver. We also integrated the editor with a live preview of your site. You get instant feedback on both your selectors and any changes you make.

Works with your theme

SiteOrigin CSS speaks CSS, the common language of design on the web. It will work perfectly with your theme, no matter where you got it from. This freedom opens up customizability to a whole world of WordPress themes.

Learn the standard language of design on the web. Create beautiful designs and level up your skills.

When you customize your site's design using your theme's control panel, all you're doing is learning how to use that single theme. If you ever decide to use a different theme, you're leaving all that knowledge behind. Making changes using SiteOrigin CSS, however, means that you're learning skills that you'll be able to apply to any theme.

SiteOrigin CSS is free. You can install it on as many sites as you like, without ever having to worry about licenses or renewals. Lifetime updates are included. Site customizations have never been easier.