FAQs

Are there any CSS selectors I cannot use?

No, you can use any CSS selector within Site Studio.

Is it safe to run 'composer update' on my Lightning and Site Studio site?

Running the composer update command will update any composer packages that have newer versions available.

What's the difference between mobile first and desktop first?

In mobile first, your styles will inherit upwards from the smallest media query, whereas in desktop first they will inherit down from the largest media query.

What does the breakpoint indicator do?

The breakpoint indicator shows you which breakpoint you're viewing your website at in the bottom left of the browser.

How do I turn off the breakpoint indicator?

Go to Extend > Uninstall and search for Site Studio Breakpoint indicator.

Why is the preview in the Style builder not updating?

The style preview may not be updated because the refresh icon hasn't been toggled to the active state.

How do I use an SCSS variable in my styles?

To use an SCSS variable, enter your chosen variable into the appropriate CSS property.

How can I style tables/forms in Site Studio?

You can style tables or forms through the use of base or custom styles.

What units do I add after a value in the Style builder?

You don’t have to add units unless you want to use a specific unit or you’re adding Custom CSS properties.

Can I use CSS grid with Site Studio?

You can use CSS grid-based properties within Site Studio by using the custom CSS property option in the style builder.

Why are my base styles are affecting the Drupal administration menu?

Unordered list base styles can effect the Drupal admin menu. To resolve this, add modifiers to your base styles and apply styles to those to keep them from affecting your Drupal admin menu.