FAQs

Are there any CSS selectors I cannot use?

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

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.

If I change a Helper layout, will it change where it's used?

No. Helpers are coupled with the page once placed. Changes to the Helper layout will not affect existing instances.

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.

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.

Why aren't my base styles updating in the preview?

If you're removing styling from a base style, those styles still apply until you have saved the base style.

What are base styles?

Base styles are CSS styles for HTML elements.