Visual CSS Editor WordPress Plugin

Click And Customize

Click on an element and start visual editing. Redesign any part of your website without coding.

Any Theme, Any Page

YellowPencil works with any WordPress theme and plugin.

Visual Design

Full visual editing interface. Redesign the pages with a few clicks.

No Coding Required

YellowPencil was developed with a simple interface for everybody.

Take Full Control Over Your Website's Design!

Find out why YellowPencil is the most popular WordPress style editor! Here are some key features.

Font Management

Edit any font on your website, choose one from Google Fonts and adjust the font styles.

Color Management

Choose the correct colors for your website by using a color picker and color palettes.

Adjust Measures

Edit the element's size, margin, and padding properties visually.

Undo / Redo History

No worry! If you make a mistake, you can undo and redo it at any time.

No Lock-in

Access the CSS codes at any time and export the CSS stylesheet file when you want.

CSS Code Editor

Type your CSS code or interfere with generated codes anytime.

Style As Unlogged

Style your website while viewing like the unlogged user or logged user.

Style Login Page Watch Video

Styling the WordPress login and register page is now very easy with YellowPencil.

Manage The Changes

Keep all the changes under control, Re-edit or delete them at any time.

Visual Drag & Drop

Change any element's CSS position by drag and drop.

Visual Style Generators

Create animations, gradients, and shadows by using visual generators.

CSS3 Filters Effects

Edit an image's contrast, brightness, and more adjustments by using the filter tool.

Reach Many Assets With One Click

Apply any assets to any element, personalize your website's design to fit your needs!

Google Fonts Hundreds of fonts await you, choose the best one for your website.
Stock Images Reach stock images any time and use them on your website.
CSS3 Gradients Colorize your website using CSS3 gradient library.
Pattern Library Add details to the design with a classic pattern library.
Color Palettes Choose the correct colors for your website using modern color palettes.
Animation Library Revive your website with dozens of ready-to-use CSS3 animations.

Customize Responsively

YellowPencil allows you to easily edit, preview and control how your site displays on the desktop and other devices.

Device-Specific Edits

Apply specific styles to phones, tablets, laptops by using the Responsive Tool.

Responsive Preview

Preview and test the design on any device before saving the changes.

Revive Your Website With Animations

Take full control of the animations with Animation Tools, create specific animations, edit and attach to elements.

Animation Generator

Create custom CSS animations visually and apply them to any element.

Animation Manager

Attach animations to the elements, adjust delay and duration visually.

How Does This Work?

The plugin doesn't modify any theme file, instead of it loads the generated CSS codes to the website in a dynamic way.

No Performance Loss

The plugin attaches only a stylesheet to your website and this doesn't affect loading performance.

Safe Editing

Keep the customizations under control, disable or reset the customizations anytime.

#header .logo {
    font-family: "Lora", sans-serif;
}

#section .featured-section h6 {
    font-size:15px;
    line-height:22px;
}

#first-second {
    background-color:#F1F1F1;
    width:100%;
}

Plugin Reviews

Discover #1 Seller Design Plugin For WordPress.

I have purchased 600 products from Envato and, if I had to recommend only one, it would be this one. This item over-delivers in so many ways I can't begin to list them. If you want to make your WordPress web development much, much easier, buy this plugin.

Webeau

This item is amazing! You need to add to your already great tools that you can also edit the super popular Revolution Slider from the front-end without messin' with the back-end with raw code! Just amazing!

Mrbyrd

This is, without a doubt, an excellent piece of coding. I'm having fun working with it and want to do more. A well-deserved five stars! If you've not got this yet, get it (and it's cheap), you'll never regret the purchase. It will transform your work and speed up your workflow.

Airtrooper

The seller is extremely responsive and very very helpful. This is a plugin every WordPress User should have (even those who know CSS very well) as this simplifies the changes if I could, I would give a 10+ rating to the seller and the plugin, Amazing Plugin.

Viao

YellowPencil is the most important plugin to adjust WooCommerce pages for me, this is the only plugin that makes it possible for people who don't have knowledge of CSS but still want to create a beautiful page.

Amelia16

I love this plugin! Best investment I could have made for my website development. Now I can edit and make all the changes I want to my theme, and undo steps, revise or reset changes completely. Brilliant tool. Customer service was also a pleasure; very helpful with fast responses, every time. I have highly recommended it!

playpenbaby

4.75 on 5 by 709 Reviews

Frequently Asked Questions

Will YellowPencil work on my theme?

Yes, YellowPencil is compatible with all themes and plugins. You can be sure that it works in the best possible way.

Does YellowPencil work with other page builders?

Absolutely! YellowPencil is designed to be fully compatible with the most popular page builder plugins like Elementor, Divi, and more.

Is it safe to use YellowPencil?

Yes, YellowPencil 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 you provide customer support?

Yes, our trusty support team will make sure to help you out in the best way possible for six months.

Do I need to know coding knowledge to use it?

No, YellowPencil 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 docs will help you.

Can I request a refund?

Yes, you can request a refund within 30 days of purchase. We accept your refund without any questions.

Visual Style EditorFor WordPress.