Visual CSS Style Editor

Screenshots

An advanced CSS editor which allows you edit the website design in real-time. Try Live Demo. Visual CSS Editor The plugin allows you customize any page and theme without coding. Click an element and start visual customization. Adjust colors, fonts, sizes, positions and a lot more. Take control of your website with more than 50 styles properties. Yellow Pencil editor provides everything that you need for customizing your site design. The plugin comes with advanced features like visual resizing, drag & drop, measuring tool, background patterns, google fonts and a lot more. 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 CSS Properties: Text Font Family (Pro Version) Font Weight Color (Pro Version) 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 (Pro Version) Background Image (Pro Version) Background Blend Mode Background Position Background Size Background Repeat Background Attachment Other CSS Properties Margin Padding Border Border Radius Position Width (Pro Version) Height (Pro Version) Animation (Pro Version) Lists Box Shadow Filter Transform Opacity (Pro Version) Display 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 (Pro Version) Visual Animation Manager (Pro Version) Visual Animation Generator (Pro Version) Design Assets 800+ Font families (Pro Version) 300+ Background patterns (Pro Version) Trend color palettes (Pro Version) 50+ Animations (Pro Version) How does this work? The plugin generates CSS codes like a professional web developer in the background while you are editing the web page visually. The plugin loads the generated CSS to your website, it never edits the theme files. You can undo your changes anytime. Premium features The following properties are available only in paid version; Font Families Font Color Background Color Background Image Opacity Width & Height Animations Purchase Pro Version now to unlock all features or take a look the plugin website for more information.