#313 by installs
SiteOrigin CSS
Powerful, simple CSS editing for WordPress. Visual controls & real-time previews for effortless site customization.
- Installs
- 100,000+
- Rating
- 4.9 (153)
- Updated
- 22 days ago
Visual CSS Style Editor
Style your WordPress site visually. Discover the most popular front-end design plugin! Try live demo.
- Active installs
- 30,000+
- #937 of 1,000
- Downloads, all time
- 1.5M
- 1,510,027
- Downloads, 30 days
- 2.8K
- 675 in the last 7
- Rating
- 4.1 / 5
- 90 reviews
- Last updated
- 2 months ago
- Aug 23, 2026
- Version
- 7.6.7
- 0 releases
Upkeep and compatibility
| Last updated | August 23, 2026Updated in the last 3 months |
|---|---|
| Tested up to | WordPress 7.1.4Covers WordPress 7.1.4, the current release |
| Needs WordPress | 4.0 or newer |
| Needs PHP | Not stated |
| First published | August 21, 2015 |
| Support, last two months | No threads opened |
Reviews
4.1 / 5 from 90 reviews
| 5 stars | 67 |
|---|---|
| 4 stars | 2 |
| 3 stars | 1 |
| 2 stars | 2 |
| 1 star | 18 |
Downloads, last 30 days
What the author says it does
Style your WordPress site visually. Discover the most popular front-end design plugin! Try live demo.
Visual CSS Editor
The plugin allows you to customize any page and theme without coding. Click on an element and start visual editing. Adjust colors, fonts, sizes, positions and a lot more. Take full control over your website’s design with more than 60 style properties.
Key Features
- Customize any page, any element
- Customize WordPress login page
- Automatic CSS selectors
- 60+ CSS properties
- Visual Drag & Drop
- Visual Margin & Padding editing
- Live CSS editor
- Live preview
- Manage the changes
- Undo / Redo history
- Export stylesheet file
Design Tools
The plugin provides you advanced tools and ready-to-use libraries for styling your website effortlessly.
- Flexible element inspector
- Single element inspector
- Responsive tool
- Element search tool
- Measuring tool
- Wireframe view
- Design information tool
- Gradient generator (pro version)
- Animation manager (pro version)
- Animation generator (pro version)
Design Assets
Reach many design assets with one click. Customize your website’s design to fit your needs!
- 900+ Google fonts (pro version)
- 300+ Background patterns (pro version)
- Unsplash background stock images (pro version)
- Material and flat color palettes (pro version)
- 50+ Animations (pro version)
CSS Properties: Text
The opening of the plugin's own description. The full text, installation notes and changelog are on its WordPress.org page.
Questions the author answers
Will the plugin work on my theme?
Yes, this plugin is compatible with all themes and plugins. You can be sure that it works in the best possible way.
Is it safe to use?
Yes, the plugin does not modify the theme and plugin files. This is 100% safe. You can manage all the changes, disable or delete them at any time.
Do I need to know coding knowledge to use it?
No, the plugin has a simple interface and this is developed for anyone. A beginner user can use it easily. If you worry about how to use it, plugin documentation will help you.
Can I customize WordPress Login page?
Yes, In the WordPress Dashboard, go to Appearance > YellowPencil Editor. Select the target page as WordPress login page and click customize button.
Latest changelog entry
- Fixed: a few minor bugs.
Screenshots
Applies a background color to an element. 
Adds a background gradient to an element. 
Editing font family. 
Editing font family.
Tagged
Plugins that share its tags
Easily add code snippets in WordPress. Insert header & footer scripts, add PHP code snippets with conditional logic, insert ads pixel code, and more.
- Installs
- 3+ million
- Rating
- 4.9 (1.9K)
- Updated
- 2 days ago
#240 by installs
Layout Grid Block
A Gutenberg container block to let you align items consistently across a global grid.
- Installs
- 200,000+
- Rating
- 4.7 (13)
- Updated
- 3 years ago
#359 by installs
Simple Custom CSS Plugin
Add Custom CSS to your WordPress site without any hassles.
- Installs
- 100,000+
- Rating
- 4.7 (159)
- Updated
- 20 months ago
#471 by installs
Blocks Animation: CSS Animations for Gutenberg Blocks
Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with delay and duration controls — no code needed.
- Installs
- 90,000+
- Rating
- 4.8 (73)
- Updated
- 12 days ago
#532 by installs
Widget CSS Classes
Add custom classes and ids plus first, last, even, odd, and numbered classes to your widgets.
- Installs
- 80,000+
- Rating
- 4.9 (74)
- Updated
- 24 months ago
Where this page's numbers come from
Read from the WordPress.org plugin API on , when WordPress 7.1.4 was the current release. WordPress.org rounds active installs into buckets. These are the directory's figures, not my verdict, and I haven't tested this plugin.