YellowPencil: Visual CSS Style Editor

166.73

Additional options

Have your App reskinned and installation to meet your needs.

Visual CSS Style Editor at hottheme.net​, You will receive clean original files without any advertising. Update lifetime.

We offer mobile-friendly, fast-loading and modern-looking website.

Help and Support

Our support team is available from (Mon-Fri) 11:00 AM to 5:00 PM. (GMT+5:30).
You can contact them through the contact box. You can create support ticket for better support.

Edit Content

Version 7.5.6 is out! – The last update was released on 17 April 2022

YellowPencil is a WordPress CSS style editor plugin that allows you to customize your website design in real-time.

The plugin allows you to customize any page and theme without coding. Click on an element and start visual editing. Adjust colorsfontssizespositions, and a lot more. Take full control over your website’s design with more than 60 style properties.

YellowPencil - Visual CSS Style Editor - 1

YellowPencil - Visual CSS Style Editor - 2

YellowPencil - Visual CSS Style Editor - 3

YellowPencil - Visual CSS Style Editor - 4

YellowPencil - Visual CSS Style Editor - 5

YellowPencil - Visual CSS Style Editor - 6

YellowPencil - Visual CSS Style Editor - 7

Visual CSS Editor

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 resource that background patterns, google fonts, and trend color palettes also it has an advanced responsive tool which allows you to customize your site for any screen size.

Key Features

  • Customize any page, any element
  • Customize WordPress login page
  • Automatic CSS selectors
  • 60 CSS properties
  • Visual Drag & Drop
  • Visual Margin & Padding editing
  • Live CSS editor
  • Live preview
  • Manage the changes
  • Undo / Redo history
  • Export stylesheet file

Design Tools

The plugin provides you advanced tools and ready-to-use libraries for styling your website effortlessly.

  • Flexible element inspector
  • Single element inspector
  • Responsive tool
  • Element search tool
  • Measuring tool
  • Wireframe view
  • Design information tool
  • Gradient generator
  • Animation manager
  • Animation generator

Design Assets

Reach many design assets with one click. Customize your website’s design to fit your needs!

  • 900 Google fonts
  • 300 Background patterns
  • Unsplash background stock images
  • Material and flat color palettes
  • 50 Animations

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

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

Other CSS Properties

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

Compatible With Any Theme & Plugin

This works seamlessly with almost any WordPress theme and plugin. You can use it for editing the pages that you created with the page builders.

Compatible with All Page Builders

The plugin allows you to customize the pages created with Gutenberg block editor, Elementor, or another page builder. Re-design your website today.

How Does This Work?

The plugin generates CSS codes like a professional web developer in the background while you are editing the web page visually.

The plugin doesn’t modify any theme file, instead of it loads the generated CSS codes to the website in a dynamic way so that you can manage the changes anytime.

Documentation and Support

Community

Join Facebook Community for Discussion, feedback, and help.

Edit Content
Edit Content
Click on the Edit Content button to edit/add the content.
Edit Content
Click on the Edit Content button to edit/add the content.
Shopping cart
Sign in

No account yet?

Login Required

You must login before requesting an update. If you do not have an account, create a new account by clicking the Create Account button.

GNU General Public License

We do not grant any licenses for GPL Items. Some products may require an activation key for full functionality, while others may already be activated and nulled.

GPL-licensed products on Maxkinon Marketplace do not come with a license key, as per the terms of the GPL License.