Visual CSS Editor WordPress Plugin – YellowPencil

June 27, 2021

Click And Customize324px57px

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 CSS 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.

“Amazing plugin. Seriously game-changing for anyone using page builders such as Elementor.” Macron

CSS Editor For Professionals

Type your CSS code or interfere with generated CSS codes anytime.

CSS Editor Features

Error checker, Autocomplete, Resizable editor, and more.

Auto CSS Selector

Generating selectors automatically for the selected element.

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.

Utility Tools

These tools will complete all your needs for styling your website easily.

  • Element Inspector Select and edit any element on your website.
  • Wireframe Tool Focus on editing with the wireframe view.
  • Measuring Tool Create a pixel-perfect design with the help of the measuring tool.
  • Move & Resize Tools Move and resize the elements visually.

Works Perfect With Any
Theme & Plugin

YellowPencil works seamlessly with almost any WordPress theme and plugin, so you can continue to use your favorite tools and take your work to the next level.

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.


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!


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.


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.


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.


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!


Ready to grab this nice thing?

These are probably the best prices ever offered.

Lite Version


Just basic features are available
in the free version.

Free Download Most Popular



One regular license per domain/website.

Buy Now



Resell the plugin within a single theme that you own.

Buy Now

All licenses for a lifetime – Money back guarantee. You can request a refund at any time!

Frequently Asked Questions

What’s the difference between YellowPencil Pro vs. free?

YellowPencil free version does not include font family, color, animation, size, and background properties.

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.

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 I need to know coding knowledge to use YellowPencil?

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 at any time. We would accept your refund without asking any questions.

Do you provide customer support for YellowPencil?

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

Get YellowPencil Today!

Thousands of WordPress users use YellowPencil to edit their websites. No-questions-asked refund in any time.

Live Editor