Visual CSS Editor
Overview
Visual CSS Editor is a Chrome extension developed by YellowPencil.
According to the data from Chrome web store, current version of Visual CSS Editor is 7.5.5, updated on 2021-12-28.
20,000+ users have installed this extension.
44 users have rated this extension with an average rating of .
developer website: yellowpencil.waspthemes.com
Customize any website visually.
The extension allows you to customize any website without coding. Click on an element and start visual editing. Adjust colors, fonts, sizes, positions, and a lot more. Take full control over your website's design with more than 60 style properties.
Key Features:
- Visual Inspector
- Customize any website visually
- Automatic CSS selectors
- 60+ CSS properties
- Visual Dragging
- Visual margin & padding editing
- Undo/redo history
- Export CSS Styles
Design Assets:
Reach many design assets with one click. Customize any website design to fit your needs!
- 900+ Google fonts
- Unsplash background stock images
- Material and flat color palettes
Design Tools:
The extension provides you advanced tools and ready-to-use libraries for styling websites effortlessly.
- Flexible element inspector
- Single element inspector
- Responsive tool
- Element search tool
- Measuring tool
- Wireframe view
- Design information tool
- Gradient generator
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:
- Background Color
- Background Image
- Background Clip
- Background Blend Mode
- Background Position
- Background Size
- Background Repeat
- Background Attachment
Other CSS Properties:
- Margin
- Padding
- Border
- Border Radius
- Position
- Width
- Height
- Lists
- Flexbox
- Box Shadow
- Filter
- Transform
- Opacity
- Display
- Cursor
- Float
- Clear
- Visibility
- Pointer Events
- Overflow
Visual CSS Editor Alternatives
Latest Reviews
See More
Syed Aizaz
2022-05-06
YOU GUYSS ARE LOVE! Yellow pencil really helped me learn CSS when I knew nothing about it 3 years back on wordpress. Now when I searched for the chrome extension and found out that you guys have made a chrome extension too, I literally shouted out loud out of excitement (it was 2 am here and family was sleeping lol.) |
David A
2022-04-16
This might be the most incredible too I have used tweaking landing pages! WOW! |
Tony Baker
2022-04-08
False advertising. Says it works on any website but it does not work on WordPress websites. As soon as you go to export the code it kills all functionality on the webpage and forces you to redirect to codecanyon to pay for a plugin. Killed it by removing the option to export CSS, can't use it now, such a shame. |
Atif Rehmani
2022-04-07
It is really amazing where you can get all the elements in one place so I think you don't need any other tool with this :-) but one this if any website which developed in WordPress there this extension will not work so for that you will have to buy the license and then install the plugin into your WordPress website. I have the license thats why I checked. |
Rick Jackson
2022-04-06
You can't save changes as soon as you leave and you can't go back to what you were editing as it was you need to redo if you can fix this ill give all five stars |