{"id":660,"date":"2020-06-12T11:10:43","date_gmt":"2020-06-12T11:10:43","guid":{"rendered":"https:\/\/bootstrapshuffle.com\/blog\/?p=660"},"modified":"2021-02-23T11:36:54","modified_gmt":"2021-02-23T11:36:54","slug":"another-update-to-the-editor","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/","title":{"rendered":"Access to CSS classes where you need them."},"content":{"rendered":"\n

Based on our users’ feedback, we have decided to combine the “CSS Classes” tab with “Visual Content”. This update will be of particular interest to Tailwind Builder<\/a> users, where most of the work is related to CSS classes. <\/p>\n\n\n\n

Now, if you want to add new CSS classes, you don’t need to switch tabs. Just hover on a label, and you’ll see an extra option, “CSS.” <\/p>\n\n\n\n

That option will allow you to understand what classes are already used and modify them in one place (add new or delete previous ones). <\/p>\n\n\n\n

\"\"
Classes list in the Content menu.<\/figcaption><\/figure><\/div>\n\n\n\n

Note: All screenshots come from Tailwind Builder<\/a>, but this feature is available in all our editors. To open the Content menu and test this feature, you need to hover on a component and click the “Content” button.<\/p>\n\n\n\n

TIP 1. Move mouse over the “CSS” element, and we’ll mark the related item.<\/h3>\n\n\n\n
\"\"
The related item has a special background.<\/figcaption><\/figure>\n\n\n\n

TIP 2. You can add multiple classes at once (separate classes with space, confirm with the Enter key). <\/h3>\n\n\n\n
\"\"\/
Add multiple classes at once.
<\/figcaption><\/figure>\n\n\n\n

TIP 3. All classes have an autocomplete function enabled.<\/h3>\n\n\n\n
\"\"\/
The autocomplete example from the Tailwind Builder.<\/figcaption><\/figure><\/div>\n\n\n\n

PS. We’ve left the old function with the full section’s structure at the bottom of the Visual Content as “CSS Classes (advanced).”<\/p>\n\n\n\n

As always, I appreciate your feedback! support@shuffle.dev<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Based on our users’ feedback, we have decided to combine the “CSS Classes” tab with “Visual Content”. This update will be of particular interest to Tailwind Builder users, where most of the work is related to CSS classes.  Now, if you want to add new CSS classes, you don’t need to switch tabs. Just hover on a label, […]<\/p>\n","protected":false},"author":2,"featured_media":938,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,12],"tags":[],"yoast_head":"\nAccess to CSS classes where you need them. | Shuffle<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Access to CSS classes where you need them. | Shuffle\" \/>\n<meta property=\"og:description\" content=\"Based on our users’ feedback, we have decided to combine the “CSS Classes” tab with “Visual Content”. This update will be of particular interest to Tailwind Builder users, where most of the work is related to CSS classes.  Now, if you want to add new CSS classes, you don’t need to switch tabs. Just hover on a label, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Shuffle\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BootstrapShuffle\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-12T11:10:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-23T11:36:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2020\/06\/classes-list-header-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"860\" \/>\n\t<meta property=\"og:image:height\" content=\"452\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dawid Andrzejewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dawid Andrzejewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\"},\"author\":{\"name\":\"Dawid Andrzejewski\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\"},\"headline\":\"Access to CSS classes where you need them.\",\"datePublished\":\"2020-06-12T11:10:43+00:00\",\"dateModified\":\"2021-02-23T11:36:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\"},\"wordCount\":243,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Bootstrap Shuffle\",\"Builder\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\",\"name\":\"Access to CSS classes where you need them. | Shuffle\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2020-06-12T11:10:43+00:00\",\"dateModified\":\"2021-02-23T11:36:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Access to CSS classes where you need them.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"name\":\"Shuffle\",\"description\":\"Build Websites Faster with an AI Visual Editor\",\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shuffle.dev\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\",\"name\":\"Shuffle\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"contentUrl\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Shuffle\"},\"image\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/\",\"https:\/\/www.facebook.com\/BootstrapShuffle\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\",\"name\":\"Dawid Andrzejewski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g\",\"caption\":\"Dawid Andrzejewski\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Access to CSS classes where you need them. | Shuffle","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/","og_locale":"en_US","og_type":"article","og_title":"Access to CSS classes where you need them. | Shuffle","og_description":"Based on our users’ feedback, we have decided to combine the “CSS Classes” tab with “Visual Content”. This update will be of particular interest to Tailwind Builder users, where most of the work is related to CSS classes.  Now, if you want to add new CSS classes, you don’t need to switch tabs. Just hover on a label, […]","og_url":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2020-06-12T11:10:43+00:00","article_modified_time":"2021-02-23T11:36:54+00:00","og_image":[{"width":860,"height":452,"url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2020\/06\/classes-list-header-1.png","type":"image\/png"}],"author":"Dawid Andrzejewski","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dawid Andrzejewski","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/"},"author":{"name":"Dawid Andrzejewski","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d"},"headline":"Access to CSS classes where you need them.","datePublished":"2020-06-12T11:10:43+00:00","dateModified":"2021-02-23T11:36:54+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/"},"wordCount":243,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Bootstrap Shuffle","Builder"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/","url":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/","name":"Access to CSS classes where you need them. | Shuffle","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2020-06-12T11:10:43+00:00","dateModified":"2021-02-23T11:36:54+00:00","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2020\/06\/another-update-to-the-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"Access to CSS classes where you need them."}]},{"@type":"WebSite","@id":"https:\/\/shuffle.dev\/blog\/#website","url":"https:\/\/shuffle.dev\/blog\/","name":"Shuffle","description":"Build Websites Faster with an AI Visual Editor","publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shuffle.dev\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/shuffle.dev\/blog\/#organization","name":"Shuffle","url":"https:\/\/shuffle.dev\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","contentUrl":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","width":400,"height":400,"caption":"Shuffle"},"image":{"@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/","https:\/\/www.facebook.com\/BootstrapShuffle\/"]},{"@type":"Person","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d","name":"Dawid Andrzejewski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g","caption":"Dawid Andrzejewski"}}]}},"_links":{"self":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/660"}],"collection":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/comments?post=660"}],"version-history":[{"count":47,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/660\/revisions"}],"predecessor-version":[{"id":918,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/660\/revisions\/918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media\/938"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}