Version 7.2.1 is out! â€“ 17 April
YellowPencil is a
WordPress CSS style editor pluginwhich allows you
to edit the 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
positionsand a lot more. Take full control over
your websiteâ€™s design with more than 60 styles
YellowPencil provides everything that you need for customizing
your site design. The plugin comes with advanced features like
visual resizing, drag & drop, measuring toolas
well as a ton resource that background patterns, google fonts, and
trend color palettes also it has an advanced responsive tool which
allows you customize your site for any screen size.
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.
How does this
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.
- 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
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
Reach many design assets with one click. Customize your
websiteâ€™s design to fit your needs!
- 800+ Font families
- 300+ Background patterns
- Unsplash background stock images
- Trend color palettes
- 50+ Animations
- Font Family
- Font Weight
- Text Shadow
- Font Size
- Line Height
- Font Style
- Text Align
- Text Transform
- Letter Spacing
- Word Spacing
- Text Decoration
- Text Indent
- Word Wrap
- Background Color
- Background Image
- Background Clip
- Background Blend Mode
- Background Position
- Background Size
- Background Repeat
- Background Attachment
- Border Radius
- Box Shadow
- Pointer Events
- For documentation and tutorials go to our .
- If you have any more questions, visit the .
- For more information, check out our website at .
Discussion, feedback, and help.