FAQs

Are there any CSS selectors I cannot use?

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

How do I remove a combinator from my style?

You don't. You apply a Descendant selector. These use a (Space).

What is a modifier?

Modifiers allow you to apply styles to an element when a specific class, id or attribute is present.

What does 'Range' do in the menu element?

The 'Range' in the menu list item element sets which list items at the current level the settings should apply to.

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.

How do I add a combinator to my style?

You can only add combinators to child selectors. Add a child selector and combinator will appear in the Style tree.