Yellow Pencil: Visual CSS Style Editor

£25.00 (as of January 9, 2018, 6:00 pm)

Compatible Browsers: IE11, Firefox, Safari, Opera, Chrome, Edge, Compatible With: Layers WP, BuddyPress 2.5.x, WooCommerce 3.1.x, bbPress 2.5.x, Gravity Forms, Easy Digital Downloads, Visual Composer 5.1.x, Cornerstone, Bootstrap 4.x, Foundation 6, Software Version: WordPress 4.9.x, WordPress 4.8.x, WordPress 4.7.x, WordPress 4.6.1, WordPress 4.6, WordPress 4.5.x, WordPress 4.5.2, WordPress 4.5.1, WordPress 4.5, WordPress 4.4.2, WordPress 4.4.1, WordPress 4.4, WordPress 4.3.1, WordPress 4.3

Buy product

SKU: 11322180 Categories: , Tags: , , , , , , ,

Description

Version 6.1.4 is out! – 8 September 2017 – View Changelog

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

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

Yellow Pencil provides everything that you want for customizing your site design. The plugin comes with advanced features like visual resizing, drag & drop, measuring tool in addition to 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 in a position-to-use animations or create new animations with Animation Generator Tool which recording your moves as an animation.

Live CSS Editor

Yellow Pencil developed for both beginners and advanced users. No programming knowledge required but there is still a good CSS Editor for individuals who want to coding! You’ll 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 at the same time as 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

Sign up for Facebook Community for Discussion, feedback, and help.

Additional information

compatible-browsers

, , , , ,

compatible-software

, , , , , , , , , , , , ,

compatible-with

, , , , , , , , ,

demo-url

source-files-included

, , ,

Reviews

There are no reviews yet.

Be the first to review “Yellow Pencil: Visual CSS Style Editor”

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