{"id":22435,"date":"2024-12-26T16:39:50","date_gmt":"2024-12-26T11:09:50","guid":{"rendered":"https:\/\/webaccsolutions.com\/products\/?post_type=product&#038;p=22435"},"modified":"2025-01-12T05:50:10","modified_gmt":"2025-01-12T00:20:10","slug":"yellowpencil-visual-css-style-editor","status":"publish","type":"product","link":"https:\/\/webaccsolutions.com\/products\/p\/yellowpencil-visual-css-style-editor\/","title":{"rendered":"YellowPencil &#8211; Visual CSS Style Editor"},"content":{"rendered":"<p><strong>YellowPencil<\/strong> is a\u00a0<strong>WordPress CSS style editor plugin<\/strong> that allows you to customize your website design in real-time. The plugin allows you to\u00a0<strong>customize any page and theme without coding<\/strong>. Click on an element and start visual editing. Adjust\u00a0<strong>colors<\/strong>,\u00a0<strong>fonts<\/strong>,\u00a0<strong>sizes<\/strong>,\u00a0<strong>positions<\/strong>, and a lot more. Take full control over your website\u2019s design with more than 60 style properties.<\/p>\n<p><a href=\"https:\/\/yellowpencil.waspthemes.com\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.envatousercontent.com\/37102eab52781e2a9e133d40c769d20670da2a19\/68747470733a2f2f776173707468656d65732e636f6d2f79656c6c6f772d70656e63696c2f696e632f323032302f312e706e673f7265763d3133\" alt=\"YellowPencil - Visual CSS Style Editor - 1\" \/><\/a><\/p>\n<p><a href=\"https:\/\/yellowpencil.waspthemes.com\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.envatousercontent.com\/bb9d97d2c54fe1ec187033aad8d5f7910476a896\/68747470733a2f2f776173707468656d65732e636f6d2f79656c6c6f772d70656e63696c2f696e632f323032302f322e706e673f7265763d3134\" alt=\"YellowPencil - Visual CSS Style Editor - 2\" \/><\/a><\/p>\n<p><a href=\"https:\/\/yellowpencil.waspthemes.com\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.envatousercontent.com\/6e32696ecad0ec27eb166752589803f2e01e38b1\/68747470733a2f2f776173707468656d65732e636f6d2f79656c6c6f772d70656e63696c2f696e632f323032302f332e706e673f7265763d3133\" alt=\"YellowPencil - Visual CSS Style Editor - 3\" \/><\/a><\/p>\n<p><a href=\"https:\/\/yellowpencil.waspthemes.com\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.envatousercontent.com\/900c867e7e5502b24b2f8d9e458047e41b6aeb32\/68747470733a2f2f776173707468656d65732e636f6d2f79656c6c6f772d70656e63696c2f696e632f323032302f342e706e673f7265763d3133\" alt=\"YellowPencil - Visual CSS Style Editor - 4\" \/><\/a><\/p>\n<p><a href=\"https:\/\/yellowpencil.waspthemes.com\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.envatousercontent.com\/a1ae969eabee656b6240ce31a66724bad407465e\/68747470733a2f2f776173707468656d65732e636f6d2f79656c6c6f772d70656e63696c2f696e632f323032302f352e706e673f7265763d3133\" alt=\"YellowPencil - Visual CSS Style Editor - 5\" \/><\/a><\/p>\n<p><a href=\"https:\/\/codecanyon.net\/checkout\/from_item\/11322180?license=regular\"><img decoding=\"async\" src=\"https:\/\/camo.envatousercontent.com\/c9eb3ecdb4f4c5287b90189d1bbc655bfc369c01\/68747470733a2f2f776173707468656d65732e636f6d2f79656c6c6f772d70656e63696c2f696e632f323032302f362e706e673f7265763d3135\" alt=\"YellowPencil - Visual CSS Style Editor - 6\" \/><\/a><\/p>\n<h2 id=\"item-description__key-features\">Visual CSS Editor<\/h2>\n<p>YellowPencil provides everything that you need for customizing your site design. The plugin comes with advanced features like\u00a0<strong>visual resizing, drag &amp; drop, measuring tool<\/strong>\u00a0as well as a ton resource that background patterns, google fonts, and trend color palettes also it has an advanced responsive tool which allows you to customize your site for any screen size.<\/p>\n<h2 id=\"item-description__key-features\">Key Features<\/h2>\n<ul>\n<li>Customize any page, any element<\/li>\n<li>Customize WordPress login page<\/li>\n<li>Automatic CSS selectors<\/li>\n<li>60+ CSS properties<\/li>\n<li>Visual Drag &amp; Drop<\/li>\n<li>Visual Margin &amp; Padding editing<\/li>\n<li>Live CSS editor<\/li>\n<li>Live preview<\/li>\n<li>Manage the changes<\/li>\n<li>Undo \/ Redo history<\/li>\n<li>Export stylesheet file<\/li>\n<\/ul>\n<h2 id=\"item-description__design-tools\">Design Tools<\/h2>\n<p>The plugin provides you advanced tools and ready-to-use libraries for styling your website effortlessly.<\/p>\n<ul>\n<li>Flexible element inspector<\/li>\n<li>Single element inspector<\/li>\n<li>Responsive tool<\/li>\n<li>Element search tool<\/li>\n<li>Measuring tool<\/li>\n<li>Wireframe view<\/li>\n<li>Design information tool<\/li>\n<li>Gradient generator<\/li>\n<li>Animation manager<\/li>\n<li>Animation generator<\/li>\n<\/ul>\n<h2 id=\"item-description__design-assets\">Design Assets<\/h2>\n<p>Reach many design assets with one click. Customize your website\u2019s design to fit your needs!<\/p>\n<ul>\n<li>900+ Google fonts<\/li>\n<li>300+ Background patterns<\/li>\n<li>Unsplash background stock images<\/li>\n<li>Material and flat color palettes<\/li>\n<li>50+ Animations<\/li>\n<\/ul>\n<h2 id=\"item-description__css-properties-text\">CSS Properties: Text<\/h2>\n<ul>\n<li>Font Family<\/li>\n<li>Font Weight<\/li>\n<li>Color<\/li>\n<li>Text Shadow<\/li>\n<li>Font Size<\/li>\n<li>Line Height<\/li>\n<li>Font Style<\/li>\n<li>Text Align<\/li>\n<li>Text Transform<\/li>\n<li>Letter Spacing<\/li>\n<li>Word Spacing<\/li>\n<li>Text Decoration<\/li>\n<li>Text Indent<\/li>\n<li>Word Wrap<\/li>\n<\/ul>\n<h2 id=\"item-description__css-properties-background\">CSS Properties: Background<\/h2>\n<ul>\n<li>Background Color<\/li>\n<li>Background Image<\/li>\n<li>Background Clip<\/li>\n<li>Background Blend Mode<\/li>\n<li>Background Position<\/li>\n<li>Background Size<\/li>\n<li>Background Repeat<\/li>\n<li>Background Attachment<\/li>\n<\/ul>\n<h2 id=\"item-description__other-css-properties\">Other CSS Properties<\/h2>\n<ul>\n<li>Margin<\/li>\n<li>Padding<\/li>\n<li>Border<\/li>\n<li>Border Radius<\/li>\n<li>Position<\/li>\n<li>Width<\/li>\n<li>Height<\/li>\n<li>Lists<\/li>\n<li>Flexbox<\/li>\n<li>Animation<\/li>\n<li>Box Shadow<\/li>\n<li>Transition<\/li>\n<li>Filter<\/li>\n<li>Transform<\/li>\n<li>Opacity<\/li>\n<li>Display<\/li>\n<li>Cursor<\/li>\n<li>Float<\/li>\n<li>Clear<\/li>\n<li>Visibility<\/li>\n<li>Pointer Events<\/li>\n<li>Overflow<\/li>\n<\/ul>\n<h2 id=\"item-description__compatible-with-any-theme-amp-plugin\">Compatible With Any Theme &amp; Plugin<\/h2>\n<p>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.<\/p>\n<h2 id=\"item-description__compatible-with-all-page-builders\">Compatible with All Page Builders<\/h2>\n<p>The plugin allows you to customize the pages created with Gutenberg block editor, Elementor, or another page builder. Re-design your website today.<\/p>\n<h2 id=\"item-description__how-does-this-work\">How Does This Work?<\/h2>\n<p>The plugin generates CSS codes like a professional web developer in the background while you are editing the web page visually.<\/p>\n<p>The plugin doesn\u2019t 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.<\/p>\n<h2 id=\"item-description__documentation\">Documentation<\/h2>\n<ul>\n<li>For documentation and tutorials go to our\u00a0<a href=\"https:\/\/yellowpencil.waspthemes.com\/documentation\/?utm_source=codecanyon&amp;utm_medium=link&amp;utm_campaign=desc\" rel=\"nofollow\">Documentation<\/a>.<\/li>\n<li>For more information, check out our website at\u00a0<a href=\"https:\/\/yellowpencil.waspthemes.com\/?utm_source=codecanyon&amp;utm_medium=link&amp;utm_campaign=desc\" rel=\"nofollow\">YellowPencil Visual CSS Style Editor<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>YellowPencil is a\u00a0WordPress CSS style editor plugin that allows you to customize your website design in real-time. The plugin allows<\/p>\n","protected":false},"featured_media":22436,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false},"product_brand":[],"product_cat":[74],"product_tag":[],"class_list":{"0":"post-22435","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-wordpress-plugins","8":"first","9":"instock","10":"sale","11":"downloadable","12":"virtual","13":"purchasable","14":"product-type-simple"},"acf":[],"_links":{"self":[{"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product\/22435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/comments?post=22435"}],"version-history":[{"count":3,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product\/22435\/revisions"}],"predecessor-version":[{"id":23420,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product\/22435\/revisions\/23420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/media\/22436"}],"wp:attachment":[{"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/media?parent=22435"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product_brand?post=22435"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product_cat?post=22435"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/webaccsolutions.com\/products\/wp-json\/wp\/v2\/product_tag?post=22435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}