Trending v6.1.3 Updated YellowPencil - Visual CSS Style Editor

Subscribe to updates

Get notified by email if this item is updated

YellowPencil – Visual CSS Style Editor

139 9454 8
4.82 out of 5 based on 55 customer ratings
(55)

25$ or Download Free Trial Version

Yellow Pencil is a visual Style Editor WordPress plugin that you can use with any theme and plugin to make customizing your website much easier. Customize your WordPress site in minutes. Fonts, Colors, Animations and more. Keep the site design under your control with 100% front-end Style Editor.

Compare

Live Preview Buy item Elements

Version: v6.1.3
Created: 9 May 2015
Last Update: 11 February 2018
Author: WaspThemes
Categories: ,

YellowPencil – Visual CSS Style Editor

Version 7.0.5 is out! – 11 February 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
  • <lÄ°>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.

Compatible Browsers

Chrome, Firefox, Safari, Opera, Edge, IE11

Compatible With

bbPress 2.5.x, Bootstrap 3.x, BuddyPress 2.3.x, Cornerstone, Easy Digital Downloads, Foundation 6, Gravity Forms, Layers WP, Visual Composer 4.8.x, WooCommerce 2.5

Files Included

JavaScript JS, CSS, PHP, Layered PNG

Software Version

WordPress 4.3, WordPress 4.3.1, WordPress 4.4, WordPress 4.4.1, WordPress 4.4.2, WordPress 4.5, WordPress 4.5.1, WordPress 4.5.2, WordPress 4.5.x, WordPress 4.6, WordPress 4.6.1

55 reviews for YellowPencil – Visual CSS Style Editor

  1. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  2. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  3. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Great tool for customizing everything in WordPress with CSS 😀

  4. YellowPencil - Visual CSS Style Editor
    1 out of 5

    :

    After the new update nothing works anymore! When I started Yellow Pencil and I didn’t make any changes and saved it, not only did my page crash but my whole server! I have to restart my server after every Yellow Pencil! This is a disaster! The support doesn’t really help you. I’ll find something else for me!

  5. YellowPencil - Visual CSS Style Editor
    2 out of 5

    :

    Only been using it for a day – Crashes every time I try to edit animations. I can set an initial animation, but if I go back and try to change it, everything freezes. I’ve tried in every browser (Chrome, Firefox, Opera) and it freezes every time. Overall not the quality I expected. Disappointed, would like a refund.

  6. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  7. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    I’m addicted to Yellow Pencil. I couldn’t build a website without it. Many thanks from a guy who knows no code but can still unleash his full creative powers quickly and easily.

  8. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    This is the most mindblowing amazing thing!
    Genius!

  9. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    I use several days. Very convenient editor for those who are an ordinary user of WP. Earlier I had a website on the designer of WIX, and I very much regretted that I have lost such visual conveniences. And with the Yellow Pencil in the new website it is possible to do the same, and much more. Fine, first-line technical support from the developer of a plug-in David. I am very satisfied with purchase. All many thanks.

  10. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Good

  11. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Very useful has helped my sites css for alot more reasons then originally purchased for very highly recommend it. You can view css changes live as youre dragging and dropping etc which is ideal if you don’t know css code like myself

  12. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Absolutely essential plugin as far as I’m concerned, especially fore the hobbyist WordPress developer, it lets me learn more about CSS and hows it’s actually edited. Amazing plugin.

  13. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    In my opinion this is absolutely the best invention since the creation of WordPress. Only one plugin and infinitely many creative options. WordPress template itself does not matter anymore – Yellow Pencil will do the job. Congratulations to the author. T O P!

  14. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  15. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    This is the best plugin for tailoring a WordPress site I have used – period. If you want the complete control to modify the look and feel of any theme – get this plugin! It really is that simple.

  16. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  17. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  18. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Worth every cent, easy to use and going in the right direction. This product has a future in all word press sites

  19. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Beautiful plugin, opens up the world of CSS for lay people. So easy to use and intuitive and clear and well designed, needs no support. Very importantly, Yellow Pencil doesn’t lock you into anything. CSS is easy to access and export. Nothing less than 5*. Very safe purchase if you were thinking about it.

  20. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Best plugin ever

  21. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  22. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  23. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  24. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    I don’t usually leave feedback and ratings, unless something is bad :), but this is first time I can think of leaving one where I am supper happy with the purchase. Totally worth every penny. Its the first time my website looks nearly just as I wanted it to. Keep up the good work.

  25. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  26. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  27. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Very useful tool, saved me a lot of time and efforts

  28. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  29. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Very full-featured and very easy to use.

  30. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    best regards!

  31. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  32. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    This product is awesome! Easily edits visual styles that are unavailable in a themes customization settings.

  33. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  34. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    A must have as a WP starter

  35. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    A first class plugin – I truely wish I had found this a year ago as it would have saved me months of frustration.
    Above all, the customer support and responsiveness of Wasp Themes is brilliant.
    Thank you.

  36. YellowPencil - Visual CSS Style Editor
    4 out of 5

    :

  37. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    I’m more of a designer than a coder, and this plugin makes it easier to get the look I want, while also helping me learn a LOT more about CSS.

  38. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Simply, really, the best plugin i own. Thanks a lot for making themes edition in wordpress a breeze, the way it should that be.

  39. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  40. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  41. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  42. YellowPencil - Visual CSS Style Editor
    4 out of 5

    :

  43. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  44. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Great stuff here! Perfect for beginners who doesnt want to spent hours in codes. just drag and drop, click around, do a little bit here and there. it just makes fun and u see the results live! wonderfull! i was searching for a simple plugin like that. after frustrating hours in the code just to change little things like font-sizes, yellow pencil just made my day by making everything easier! thank u guys for this plugin. everybody who wants quick results, here you have your solution! now the fun starts. website!… here i come! Cheers Artan 😉

  45. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  46. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Nice job, very satisfied with this purchase. 😉

  47. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  48. YellowPencil - Visual CSS Style Editor
    4 out of 5

    :

  49. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Awesome plugin.comes in handy all the time.

  50. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  51. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  52. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

  53. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    best plugin i have ever used made my life much easier thanks alot

  54. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

    Love it!

  55. YellowPencil - Visual CSS Style Editor
    5 out of 5

    :

Add a review

Your email address will not be published. Required fields are marked *

 

Coming Soon

Dear users, an information about trial version is unavaible. We are working on solving this problem and soon information will be provided.

Please visiut us after a few days.