Landing Page Details

Version 7.1.2 is out! – 16 October 2018 – View Changelog

YellowPencil is a WordPress CSS style editor plugin which allow you edit the website design in real-time.

The plugin lets you customize any theme. Click on an element and start visual customization. Adjust colors, fonts, sizes, positions and a lot more. Take control of your website with more than 50 styles properties.

YellowPencil provides everything that you need for customizing your site design. The plugin comes with advanced features like visual resizing, drag & drop, measuring tool as well as a ton resources that background patterns, sweet fonts, and trend color palettes also it has an advanced responsive tool which allows you customize your site for any screen size.




Visual Animation Generator

Add animations to your website. Use 50 ready-to-use animations or create new animations with Animation Generator Tool which recording your moves as an animation.

Live CSS Editor

YellowPencil developed for both beginners and advanced users. No programming knowledge required but there is still a good CSS Editor for those who would like to coding! You can code with live CSS editor and interfere generated CSS rules.

How does this work?

The plugin creates CSS style codes like a professional web developer in the back while you are playing with colors. Personalize your website design, leave a different impression on the visitors!




Key Features

  • Customize any page, any element
  • Auto CSS Selectors
  • 50+ CSS properties
  • Visual Drag & Drop
  • Visual Margin & Padding Editing
  • Live Element Resizing
  • Manage the changes
  • Live Preview
  • Undo / Redo
  • Export stylesheet file
  • Export / Import
  • Automatic Update
  • Shortcuts
  • Well Documentation

CSS Properties: Text

  • Font Family
  • Font Weight
  • Color
  • 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

  • Parallax Background
  • Background Color
  • Background Image
  • Background Blend Mode
  • Background Position
  • Background Size
  • Background Repeat
  • Background Attachment

Other CSS Properties

  • Margin
  • Padding
  • Border
  • Border Radius
  • Position
  • Width
  • Height
  • Animation
  • Lists
  • Box Shadow
  • Filter
  • Transform
  • Opacity
  • Display
  • Cursor
  • Float
  • Clear
  • Visibility
  • Pointer Events
  • Overflow

Design Tools

  • Element Inspector
  • Single Element Inspector
  • Live CSS Editor
  • Responsive Tool
  • Element Search Tool
  • Measuring Tool
  • Wireframe View
  • Element Box Model
  • Gradient Generator
  • Visual Animation Manager
  • Visual Animation Generator

Design Assets

  • 800+ Font families
  • 300+ Background patterns
  • Trend color palettes
  • 50+ Animations

Community

Join Facebook Community for Discussion, feedback, and help.
  • sudeys

    2017-10-12 00:11:03
    Purchased Reply

    Hello, I want to tell you a feature idea. One of my frontend page builders uses it. When I click on any element, a breadcrumb appears at the top of the page where I can easily see where I am in the element tree. This is so useful to target specific element or some blocks on the page. Thanks

  • WaspThemes_Support

    2017-10-12 19:09:25
    Purchased Reply

    Hi, Our plugin has the similar feature. When you click on the element it shows current item, and when you click menu context, it can show you parent item, or parent tree where you can easily choose your desired item. Best regards!

  • rafilathif

    2017-12-16 01:30:15
    Purchased Reply

    Hi Just i show your plugin in wordpress plugin page Actually i'm looking to create a responsive home page for my site still my site new. i'm using a theme Adforest https://themeforest.net/item/adforest-classified-wordpress-theme/19481695 and this theme already integrated with WPBAKERY Plugin but the plugin is not a full version limited use which is the theme developer allow to use. so he what i'm facing the problem whenever i ad any element that is not fit to my inner container everything you will be understand when you see my screenshot http://www.awesomescreenshot.com/image/3025445/09b3610513c71557c28cd5fde9242143 also i contacted with the WPBAKERY plugin developer they said like this please check this link https://codecanyon.net/comments/18222892 ok What i'm asking to you now. Above what i'm talking all the problems can be solve using your plugins if yes i'm ready to buy now Thanks and regards Rafilathif

  • WaspThemes_Support

    2017-12-16 01:36:50
    Purchased Reply

    Hi, I believe there's an option in Visual Composer for setting row width (if you want fullwidth, fitting to container and such). But if you can't make it work with Visual Composer, then you can do it with Yellow Pencil. There's class for container width which you can target with our plugin, and then set the width you want to. Best regards!

  • rafilathif

    2017-12-16 01:45:25
    Purchased Reply

    Did you read my convention with Visual Composer developer. follow the link below if you didn't https://codecanyon.net/comments/18222892 Actually what is the case here. if i want to use the full feature i need to buy a licence from them theme developer not give a permition to use Full feature. and there was some restriction by theme developer Visual Composer developer advise me. I should make the change via theme template or even better via the child theme.

  • WaspThemes_Support

    2017-12-16 09:25:29
    Purchased Reply

    Yes, I have. I surely know that Visual Composer has support for setting containers for pages, but it can also depend on theme. Until I login I can't exactly tell if it can be achieved with Visual Composer. I suggest you read theme and Visual Composer documentation and see if you can find out something there. With Yellow Pencil you can achieve anything you want when it comes to styling. Best regards!

  • palcomp

    2017-08-20 08:26:58
    Purchased Reply

    Great Plugin so Far. Quick question. In main navigation menu how to highlight current page name in a (let's say) red color. I would like this page name stay in red color all the time when I browsing it.... Thanks

  • WaspThemes

    2017-08-24 20:15:08
    Purchased Reply

    Hey There, I glad you like it! :) This feature must be available on the menu. Please select the current menu item and apply red color. The menu will show current menu item as red color if the menu has this feature. I hope that's help, Best Regards

  • palcomp

    2017-08-25 04:03:56
    Purchased Reply

    Thanks much! Will test it and let you know!

  • curtds

    2017-05-16 11:03:12
    Purchased Reply

    I'm trying to update the yellow pencil but for some reason it won't let me.

  • WaspThemes

    2017-05-17 10:40:40
    Purchased Reply

    Hey There, Maybe this is a problem with the server, be sure "maximum post size" and "maximum upload file size" are greater than 10MB. Contact with your web server provider if you have a problem in this regard. Maybe you using an older version than 6.0.2 because Auto Update API doesn't work stable in 6.0.1 and older versions, so you must update the plugin manually.

    Follow These steps:

    1. Deactivate and delete the plugin (Don't worry, you will not lose any data)
    2. Login to CodeCanyon and go to the downloads page.
    3. Download WordPress plugin.
    4. Go to your WordPress panel > Plugins > Add New and click "upload plugin" button.
    5. Choose "waspthemes-yellow-pencil.zip" file and upload.
    6. After upload, go to WordPress panel > plugins and activate the plugin.
    I hope that's help, Best Regards

  • Silagane

    2017-06-09 08:20:05
    Purchased Reply

    I have the plugin since some months and really love it, but unfortunately at the moment i have some problems. I globally changed the post layout, but it only shows on one post. The other ones look like the standard theme version again. As well as the main page that I edited and saved but the changes dont show up. If i'm in the editor I see the changes but as soon as I go to the page it doesnt show up.

  • WaspThemes

    2017-06-14 13:14:07
    Purchased Reply

    Hey There, First, I'm so sorry for late reply. I was working hard on the new updates for fix these bugs. Finally, the new update is available now. Please update the plugin to the latest version (6.0.8), check this problem again and let me know if the problem persists. I will like to check this problem on your website if you let me know the domain name, please create a ticket on our support forum. Thank you for your patience! Best Regards

  • OzerGUL

    2015-05-10 06:00:12
    Purchased Reply

    Bol ?anslar Good luck :)

  • WaspThemes

    2015-05-10 06:06:24
    Purchased Reply

    Hey ozer, Thank you!

  • topanico

    2015-08-15 11:50:36
    Purchased Reply

    Hi, Pre Sale Questions: Is this plugin compatible with visual composer ? Amazing Job!!

  • WaspThemes

    2015-08-15 14:55:08
    Purchased Reply

    Hi, Yes is compatible :) Thanks! Best Regards

  • cgiraldo

    2016-10-26 18:11:10
    Purchased Reply

    Hi! I have one doubt. Lets say that my website has 100+ post entries and I want to change the style of all of them, not only the style but the layout. Will this plugin allow me to do it quickly?. I mean, not just one by one but in a single place? Or, could I create a template/layout with this plugin so, everytime a new post entry is created, the new template is used? Thank you!

  • WaspThemes

    2016-10-27 08:45:42
    Purchased Reply

    Hey, There are three customizing types; "Global customize", "Customize one page" and "Customize templates". You must customize "Posts template" if you want to edit all posts pages. Take a look to this page for getting more information about customizing types. Best Regards

  • JosephNorori

    2016-10-15 04:37:22
    Purchased Reply

    Hi, love the plugin! My question i have seen 2 updates but no changelog. I would like to know what are the updates?

  • WaspThemes

    2016-10-17 09:22:49
    Purchased Reply

    Hey Josep, I glad you like it! :) Please click here for see changelog. Best Regards

  • JosephNorori

    2016-10-18 13:14:28
    Purchased Reply

    Thank you! and again nice work!!

  • salemchi94

    2016-11-22 02:00:47
    Purchased Reply

    hello, this plugin,​ More recently, when you open a plugin for editing, it is preparing a page remains​ and do not working.

  • WaspThemes

    2016-11-22 05:29:02
    Purchased Reply

    Hey, There was a loading issue previous version. Please update the plugin to latest version (5.5.2). Latest version is stable :) Automatic Update: Please go to Wordpress Panel > Settings > Yellow Pencil Update page. Fill the required information and save. You will see an update notice in a few hours. Manual Update: Download the latest version from CodeCanyon > downloads page and install by manual way. Best Regards

  • Cynric

    2016-11-23 04:54:53
    Purchased Reply

    Hi Author, I updated the plugin according to your instruction but sad to say still not working right. After editing then save and refresh the page nothing change. Please check why your plugin is not working properly. Thank you.

  • WaspThemes

    2016-11-24 12:12:06
    Purchased Reply

    Hey, Latest version working perfectly and stable :) I think this issue about the cache. Please be sure you clear browser cache and WordPress cache if you using a cache plugin. Best Regards

  • marlinazrinali

    2016-11-24 13:53:36
    Purchased Reply

    Hi... Is the plugin bug resolved? I've had the same issues of the plugin stuck at "PREPARING".

  • WaspThemes

    2016-11-24 13:59:50
    Purchased Reply

    Hey, Yes. Please be sure you using 5.5.2 version. The latest version working stable :) Best Regards

  • nopez4you

    2016-07-30 04:44:07
    Purchased Reply

    I tried your demo and your plugin looks great. I have a few questions. Can you please explain where the CSS generated by your plugin is stored? Can the CSS be copied from your plugin and pasted into my theme so it maintains my edits without your plugin being active? Can I edit the CSS that is generated by your plugin without copying and pasting it into my theme? What happens to the CSS generated by your plugin if I change themes? Thanks.

  • WaspThemes

    2016-07-30 19:45:57
    Purchased Reply

    Hey Nopez4you, I glad you like it! :) Generated CSS Codes stored in the database as ready-to-use. Yes. You can export All CSS codes but All CSS styles will work as global. You can export from WordPress Panel > Settings > Yellow Pencil Source. Yes Of course. There is a CSS Editor on left bar. See this screenshot: http://waspthemes.com/yellow-pencil/inc/Documentation/new/left-bar.png Yellow Pencil will continue to loading generated CSS styles to the website. You can reset and manage CSS styles from WordPress Panel > Settings > Yellow Pencil Source. Take a look to plugin documentation for more info. Best Regards

  • Cynric

    2016-12-19 07:18:16
    Purchased Reply

    Hi Author, I have a problem in editing the sub pages. After i open the sub page then click Edit with Yellow Pencil it will go back to the main page and the sub page cannot be found in Yellow Pencil mode. How can i access the sub page for editing? Please reply. Thank you.

  • WaspThemes

    2016-12-21 23:46:17
    Purchased Reply

    Hey Cynric, Please be sure you using the latest version. I think there have a small bug in the plugin. I want to fix this issue within the future update, but I need more information about it. Please create a private ticket on our support forum and let me know your WordPress login information and domain name. Thank you for your patience and understanding. Best Regards

  • WPExplorer

    2015-07-09 04:55:38
    Purchased Reply

    Thanks for quoting us ;) We'll try send over some more traffic! - AJ

  • WaspThemes

    2015-07-10 11:09:47
    Purchased Reply

    Hey! Thank you too WPExplorer! Best Regards

  • mixicus

    2017-02-23 11:36:47
    Purchased Reply

    Great plugin - but i have a Big Question about it. I have some premium WP themes, that have a special feature "custom CSS" Can your plugin generate the changes and put this changes into a separate text file or something like that - for putting this info intio WP theme "Custom CCS Field"? Because as i understand - if i renew my WP theme all my changes are gone?

  • WaspThemes

    2017-02-25 11:16:50
    Purchased Reply

    Hey There, I glad you like it, Thank you! Yes, you can export CSS styles and add to custom CSS field but this feature still beta. Please take a look at this page to getting more information about CSS exporting. Yellow Pencil keeping all CSS styles safe in the database, the plugin doesn't edit the theme and plugin files. Best Regards

  • brunoanjuleto

    2017-03-01 02:14:25
    Purchased Reply

    How to edit the My account page if I am logged in.

  • WaspThemes

    2017-03-01 08:40:32
    Purchased Reply

    Hey There, You must login to WordPress panel to use Yellow Pencil but may you will not be able to edit pages such as register, login page after logged. Please try to disable auto redirect in the account page. Best Regards

  • Jullo

    2017-02-28 20:55:06
    Purchased Reply

    Hi, Just wanted to thank you for the awesome plugin, it saves me soooo muuuuuch time! I tried css hero, but had problems with adjusting woocommerce and plugins, but this plugin does it all without any issue. One thing i just didn't figure out yet, and i hope you can help me out is how to modify pages like checkout. If I start yellow pencil the page disappears. Or a link that takes clear all products in my cart. Besides that it is awesoooome!

  • WaspThemes

    2017-03-05 23:34:01
    Purchased Reply

    Hey There, I glad you like it! Thank you for your purchase! This not possible to edit the page if the page has an auto-redirect or the page clear the content in the editor. This problem about the page logic and this not possible to edit this page. Best Regards

  • sironline

    2017-04-13 21:13:40
    Purchased Reply

    I try the free version, But I want the change the signup button text color, I should be signed to access the editor, but when I signed in I can't reach the signup button because I already sign in and the signup button disappear.

  • WaspThemes

    2017-04-17 10:46:35
    Purchased Reply

    Hi There, You need to login WordPress panel to use Yellow Pencil, so this not possible to edit register/login pages with current version but I found a solution! I will add a logout button to the editor in this way, it will allow you to edit register/login pages. I planning to add this feature within next 3 updates. Currently, we working on "tree view", visual margin/padding editing, history API, Flex Support, Text shadow generator feature and more. There is a long To-Do list, so "register/login" page editing problem will be fixed in a few months. Best Regards

  • dennisht

    2017-03-07 10:33:19
    Purchased Reply

    Still hoping for an answer to my questions. Please

  • WaspThemes

    2017-03-08 10:07:14
    Purchased Reply

    Hello there, Thank you for your patience! I answered your question. :) Best Regards