
YellowPencil – Visual CSS Editor
Model 7.6.6 is out! – The final replace was launched on 1 April 2025
You too can get this plugin on our official website with versatile plans.
YellowPencil is a WordPress CSS fashion editor plugin that means that you can customise your web site design in real-time.
The plugin means that you can customise any web page and theme with out coding. Click on on a component and begin visible enhancing. Modify colours, fonts, sizes, positions, and much more. Take full management over your web site’s design with greater than 60 fashion properties.
Visible CSS Editor
YellowPencil gives every part that you just want for customizing your web site design. The plugin comes with superior options like visible resizing, drag & drop, measuring software in addition to a ton useful resource that background patterns, google fonts, and development shade palettes additionally it has a complicated responsive software which lets you customise your web site for any display measurement.
Key Options
- Customise any web page, any component
- Customise WordPress login web page
- Computerized CSS selectors
- 60+ CSS properties
- Visible Drag & Drop
- Visible Margin & Padding enhancing
- Reside CSS editor
- Reside preview
- Handle the adjustments
- Undo / Redo historical past
- Export stylesheet file
Design Instruments
The plugin gives you superior instruments and ready-to-use libraries for styling your web site effortlessly.
- Versatile component inspector
- Single component inspector
- Responsive software
- Aspect search software
- Measuring software
- Wireframe view
- Design info software
- Gradient generator
- Animation supervisor
- Animation generator
Design Belongings
Attain many design belongings with one click on. Customise your web site’s design to suit your wants!
- 900+ Google fonts
- 300+ Background patterns
- Unsplash background inventory photographs
- Materials and flat shade palettes
- 50+ Animations
CSS Properties: Textual content
- Font Household
- Font Weight
- Coloration
- Textual content Shadow
- Font Measurement
- Line Top
- Font Type
- Textual content Align
- Textual content Remodel
- Letter Spacing
- Phrase Spacing
- Textual content Ornament
- Textual content Indent
- Phrase Wrap
CSS Properties: Background
- Background Coloration
- Background Picture
- Background Clip
- Background Mix Mode
- Background Place
- Background Measurement
- Background Repeat
- Background Attachment
Different CSS Properties
- Margin
- Padding
- Border
- Border Radius
- Place
- Width
- Top
- Lists
- Flexbox
- Animation
- Field Shadow
- Transition
- Filter
- Remodel
- Opacity
- Show
- Cursor
- Float
- Clear
- Visibility
- Pointer Occasions
- Overflow
Suitable With Any Theme & Plugin
This works seamlessly with virtually any WordPress theme and plugin. You need to use it for enhancing the pages that you just created with the web page builders.
Suitable with All Web page Builders
The plugin means that you can customise the pages created with Gutenberg block editor, Elementor, or one other web page builder. Re-design your web site at present.
How Does This Work?
The plugin generates CSS codes like an expert net developer within the background if you are enhancing the net web page visually.
The plugin doesn’t modify any theme file, as a substitute of it masses the generated CSS codes to the web site in a dynamic method so to handle the adjustments anytime.
Documentation
- For documentation and tutorials go to our Documentation.
- For extra info, try our web site at YellowPencil Visual CSS Style Editor.
Group
Be a part of Facebook Community for Dialogue, suggestions, and assist.
Source