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.

Can I use CSS animations?

Not yet. The Style builder does not have the option to add an animation name or key frames. This is planned functionality on our road map.

What is a modifier?

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

Why do I have to upload a JSON file with my icon fonts?

You have to upload a JSON file to provide the index of the icons within your chosen icon font.

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.