YellowPencil – Visual CSS Style Editor

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. Live preview

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

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

Demo

Leave a Reply

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