Blog homepage » Entry
Bootstrap Shuffle June 12, 2020

Access to CSS classes where you need them.

Benedykt Michalski

Inspirational Writer

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, and you’ll see an extra option, “CSS.” 

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

Classes list in the Content menu.

Note: All screenshots come from Tailwind Builder, 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.

TIP 1. Move mouse over the “CSS” element, and we’ll mark the related item.

The related item has a special background.

TIP 2. You can add multiple classes at once (separate classes with space, confirm with the Enter key). 

Add multiple classes at once.

TIP 3. All classes have an autocomplete function enabled.

The autocomplete example from the Tailwind Builder.

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

As always, I appreciate your feedback! [email protected]

Related blog posts

Shuffle December 21, 2023

Shuffle in 2023: Export to GitHub, UI Library Creator, and more.

We had a busy year at Shuffle, and you’ll love this. There are just five working days till the end of this year, and we are preparing the final update for 2023. The team is crushing it! If you haven’t checked Shuffle recently (https://shuffle.dev/new), here are the most important updates to the editor made in […]

Benedykt Michalski

Inspirational Writer

Learning October 31, 2023

Halloween.css

Use CSS filters to change your website’s style into Halloween mode in just a few lines of CSS. It is super scary!

Benedykt Michalski

Inspirational Writer

Bootstrap September 9, 2022

Hero Components Spotlight

Picking the right header is crucial to website reception. Will the user stay on the website or bounce? That depends on what he will see!

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.