Yellow Pencil: Visual CSS Style Editor

Don’t know CSS? Want to speed up the design process? Try out Yellow Pencil. With this WordPress page builder plugin you can build any type of webpage with ease. This CSS style editor allows you to customize anything on a page in just a few clicks. You can use it with any theme or plugin to customize your website.

This revolutionary plugin gives you the capability to create an endless variety of web pages, fast. See your changes in real time as you make them. It’s 100% front end and creates dynamic CSS style rules as you build. This tool makes building really fun. It’s so simple and easy to create professional web pages from scratch in minutes with Yellow Pencil. From the editor, you simply select an element or section and start customizing it.

This tool is great for beginners who don’t want to get their hands dirty with CSS.  Developers and advanced users can extend the functionality of this plugin to streamline their work. It’s as easy as using your mouse. Choose the page that you want to edit and start customizing. You won’t need to spend time looking around for the property or attribute you want to change. Everything is easy to find. Yellow pencil will automatically create CSS style rules while you make the changes.

It works by generating CSS code that overrides the older styles. This plugin is lightweight and it won’t affect page loading time. Currently there are three versions of Yellow Pencil Available:

  1. Lite (free) – some features not included
  2. Regular – use on a single domain
  3. Extended – Use multiple times for single product (e.g. the Enfold Theme)

This interactive plugin is fun to use. Click on any element and change its properties instantly. You have tons of options when it comes to design. It comes with Google Fonts, over 300 hundred background patterns, 50+ animation and more.

Yellow Pencil is intuitive and powerful. With purchase you get lifetime updates and customer support. Try out the free version today to see what this plugin can do.


  • No coding required!
  • Style any WordPress webpage
  • Drag n drop
  • See changes in real-time
  • 100% front end customizer
  • Responsive
  • Animation generator
  • Customize any page
  • Hover and focus
  • Page ruler
  • Over 600 fonts
  • 300+ background patterns
  • Live resizer
  • Responsive support
  • CSS editor
  • Over 50 animations
  • Clean CSS code generated
  • Selector modifications
  • Parallax background
  • Undo + Redo
  • Shortcuts
  • Solid documentation
Disclosure: This page may contain external affiliate links that may result in us receiving a comission if you choose to purchase said product. The opinions on this page are our own. We do not receive payment for positive reviews.