SiteOrigin CSS

SiteOrigin CSS is the simple yet powerful CSS editor for WordPress. It gives you visual controls that let you edit the look and feel of your site in r …

4.9

Rating summary

150

Reviews

200K

Active installations

Download the Plugin

Overview

Compatibility

Installation instructions

Customer support & learning resources

Changelog

Main benefits

Real-time visual controls

Powerful CSS inspector

Code autocompletion feature

Free and unlimited use

Compatible with any theme

About this plugin

Author: Greg Priday

Categories: Design and Customization

Version: 1.5.10

Last updated: 31-05-2024

WordPress version: 3.9

Tested up to: 6.5.5

PHP version required: 7.0.0

Languages: Dansk, Español [+13]

Tags:

Customize Visual css Design Css editor Css

Learning resources: View resources

Overview

SiteOrigin CSS is a robust and user-friendly CSS editor plugin for WordPress, designed to cater to both beginners and advanced users. It offers visual controls that enable real-time site editing, making it easy for novices to adjust colors, styles, and measurements without delving into code. Advanced users will appreciate the powerful CSS editor equipped with autocompletion for selectors and attributes, as well as CSS linting to ensure error-free code. Key features include an intuitive inspector for identifying CSS selectors, seamless integration with any WordPress theme, and comprehensive documentation and support. SiteOrigin CSS is free to use, continually developed, and also offers premium enhancements such as a Google Web Font Selector and professional email support for those seeking additional capabilities.

Inspector

Helps identify the correct CSS selector for any element.
Allows you to click on an element to find the best selector.
Useful even for users with no knowledge of CSS selectors.

Visual Editor

Provides simple controls for choosing colors, styles, and measurements.
Enables changes with just a few clicks.
Ideal for users who prefer not to write code.

CSS Editor

Features autocompletion for CSS selectors and attributes.
Includes CSS linting to identify issues before publishing.
Comparable to high-end IDEs in terms of functionality.

Free and Versatile

Free to install on unlimited sites with no licensing worries.
Works with any WordPress theme.
Includes free updates, upgrades, and support.

Features list

Feature

Premium version

Use On Unlimited Sites

Deploy the product on an unlimited number of websites.

Fast Email Support

Receive prompt assistance via email for any issues.

Access to All Addons

Gain entry to all available addons for extended functionality.

Ongoing Updates

Benefit from continuous updates and improvements.

Enhanced Page Builder

Utilize an advanced page builder for better design capabilities.

Widgets Bundle Extras

Access additional widgets for more customization options.

Theme Enhancements

Enjoy improvements and new features for themes.

Pricing

Single

$29 / yearly

Plan includes

Use On 1 Site

Fast Email Support

Access to All Addons

Ongoing Updates

Enhanced Page Builder

Widgets Bundle Extras

Theme Enhancements

Buy Now

Developer

$99 / yearly

Plan includes

Use On Unlimited Sites

Fast Email Support

Access to All Addons

Ongoing Updates

Enhanced Page Builder

Widgets Bundle Extras

Theme Enhancements

Buy Now

In some cases companies have different prices based on various components like a location. As a result the prices displayed here can differ from the ones you see on their websites.

See all pricing options

Find Your Price Plan

Rating and reviews

4.9

Rating summary

150

Reviews

200K

Active installations

User sentiment analysis

Users rave about the WordPress plugin for its exceptional usability and time-saving features. They appreciate how it simplifies CSS modifications without requiring extensive knowledge of CSS, making it a must-have for beginners and experienced developers alike. The visual editor and real-time preview are praised for making the process intuitive and efficient, often eliminating the need for external tools like Chrome DevTools. Many users also commend the excellent support provided. However, there are a few drawbacks. Users mention missing features such as a CSS guide, easier navigation to specific pages, and more robust file management within the plugin. Some also find the plugin initially confusing to learn or to navigate more complex site elements.

janino

03 Aug, 2024

thecanuckian wrote a year or so ago “where has this been all my life?”… I can only repeat. This is one of the most useful WordPress plugins I know. It will shorten the editing time and one can also learn something in coding. Thank you very much for creating it and taking care of updating it. Best regards, friends!

kojot

25 Nov, 2023

SUPER PLUGIN

thecanuckian

10 May, 2023

Seriously. Enough said.If you have thought up swears in multiple languages trying to deal with selectors and precedence, this tool is TOTALLY for you.My production time just got cut in half. To the fabulous humans who developed this plugin: please make more things. You make beautiful, beautiful things.

Pieterjan Deneys

03 May, 2023

This is one of the best CSS plugins out there. It’s WAY better for custom CSS than the built in WP way. While writing this review, I made two feature requests which would bump it up to five stars. One thing I’m personally missing is a sort of CSS guide. As in, links to the W3C page of that properity for people to read up upon.

Evan Kirschenmann

07 Apr, 2023

I absolutely love using this plugin to write CSS. It lets you skip using chrome dev tools, making you able to use whatever browser you want, and it allows you to easily find what css ids and classes you actually need to write your code for. This sped up my development process and made me far more efficient.

SiteOrigin CSS

Overview

Compatibility

Installation instructions

Customer support & learning resources

Changelog

Main benefits

About this plugin

Overview

Inspector

Visual Editor

CSS Editor

Free and Versatile

Features list

Pricing

Plan includes

Plan includes

Rating and reviews

User sentiment analysis

More plugins like this

Visual CSS Style Editor

Microthemer Lite – Visual Editor to Customize CSS

Blocks CSS: CSS Editor for Gutenberg Blocks

CSS

FAQ

What is SiteOrigin CSS?

Who can use SiteOrigin CSS?

What is the Inspector feature?

What is the Visual Editor?

What features does the CSS Editor include?

Is SiteOrigin CSS free?

Does SiteOrigin CSS work with any theme?

What support options are available for SiteOrigin CSS?

What additional features does SiteOrigin Premium offer?

Where can I find documentation for SiteOrigin CSS?