Yellow Pencil: Visual CSS Style Editor
YellowPencil offers all the tools you want to personalise the look of your website. The plugin provides a wealth of resources, including background patterns, Google fonts, and trend colour palettes, as well as advanced capabilities like visual scaling, drag and drop, measuring tools, and an advanced responsive tool that lets you adapt your website to any screen size.
Features
- You can alter any page or element.
- WordPress login page customization
- Auto-CSS selectors
- Over 60 CSS attributes
- Drag and drop visuals
- Editing with Visual Margin & Padding
- Editor for live CSS
- Actual preview
- Manage the adjustments
- History undo/redo
- CSS file for export
Design Tools
The plug-in offers sophisticated tools and ready-to-use libraries for easily customising your website.
- Inspector for flexible elements
- Inspector for a single element
- Flexible tool
- Tool for element searches
- Measuring device
- Diagrammatic view
- Tool for design information
- Generating a gradient
- Animation supervisor
- Generator for animation
Design Assets
With one click, access several design resources. Adapt the layout of your website to your needs!
- Over 900 Google fonts
- 300+ different backgrounds
- Background stock photos from Unsplash
- Mercantile and simple colour schemes
- Over 50 Animations
CSS Properties: Text
- Face Family
- Font Size
- Color
- Shadow Text
- Script Size
- “Line Height”
- Font Design
- Word Align
- Transforms text
- Character Spacing
- Word Interval
- Decoration of text
- Font Indent
- Wrap Words
CSS Properties: Background
- Contextual Color
- Backdrop Picture
- Backdrop Video
- Blend Mode for Background
- A background context
- Size of Background
- Back-up repetition
- Background Information
Other CSS Properties
- Margin
- Padding
- Border
- Edge Radius
- Position
- Width
- Height
- Lists
- Flexbox
- Animation
- Shadow Box
- Transition
- Filter
- Transform
- Opacity
- Display
- Cursor
- Float
- Clear
- Visibility
- Events Pointers
- Overflow
Any Theme and Plugin Compatible
Almost any WordPress theme or plugin may be used with this without any issues. It may be used to alter the pages you made using the page builders.
Suitable for All Page Builders
Using the help of the plugin, you may modify pages made with the Gutenberg block editor, Elementor, or any page builder. Today, redesign your website.
How Does It Operate?
While you are modifying the web page visually, the plugin creates CSS codes in the background like a seasoned web developer.
The plugin loads the created CSS codes to the website dynamically rather than altering any theme files, allowing you to handle modifications at any moment.
Documentation and Support
- Visit our Documentation for documentation and tutorials.
- Visit the Support thread if you have any more inquiries.
- Visit our website at YellowPencil Visual CSS Style Editor for more details.
Reviews
There are no reviews yet.