Visual CSS Style Editor – WordPress plugin Free download

Click to Download

Visual CSS Style Editor


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 styles 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
Animation manager
Animation generator

Design Assets

Reach many design assets with one click. Customize your website’s design to fit your needs!

800+ Font families (pro version)
300+ Background patterns (pro version)
Unsplash background stock images (pro version)
Trend color palettes (pro version)
50+ Animations (pro version)

CSS Properties: Text

Font Family
Font Weight
Text Shadow
Font Size
Line Height
Font Style
Text Align
Text Transform
Letter Spacing
Word Spacing
Text Decoration
Text Indent
Word Wrap

CSS Properties: Background

Background Color
Background Image
Background Clip
Background Blend Mode
Background Position
Background Size
Background Repeat
Background Attachment

Other CSS Properties

Border Radius
Box Shadow
Pointer Events

Compatible with any theme & plugin

This works seamlessly with almost any WordPress theme and plugin. You can use it for editing the pages that you created with the page builders.

How does this work?

The plugin generates CSS codes like a professional web developer in the background while you are editing the web page visually.

The plugin doesn’t modify any theme file, instead of it loads the generated CSS codes to the website in a dynamic way so that you can manage the changes anytime.

Premium features

The following properties are available only in paid version;

Font Families
Font Color
Background Color
Background Image
Width & Height

Purchase pro version now to unlock all features.

Documentation and Support

For documentation and tutorials go to our Documentation.
If you have any more questions, visit the Support forum.
For more information, check out our website at YellowPencil Visual CSS Style Editor.

Liked This Plugin?

Join our Facebook Group.
Rate us on WordPress.


Applies a background color to an element.
Adds a background gradient to an element.
Editing font family.
Editing font family.
Editing padding & margin visually.
Adds animation to the element.
Applies CSS3 gradient to an text element.
The editor panel. Choose one block on your website and apply any style visually.
The text properties in the editor panel.
The background properties in the editor panel.
CSS editor for professional users.


Upload ‘yellow-pencil-visual-theme-customizer’ folder to the ‘/wp-content/plugins/’ directory
Activate the plugin through the ‘Plugins’ menu in WordPress.
Go to WordPress Panel > Appearance > “YellowPencil Editor” to customize!


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 it at any time.

Do I need to know coding knowledge to use it?

No, the plugin has a simple interface and this 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.


Leave a Reply

Your email address will not be published.