FAQs

How do I remove a combinator from my style?

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

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.

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’s the best value to use with Line heights?

We recommend using decimals e.g. 1.3 as this makes the line height relate to your font size.

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.

Can I use Drupal Fields?

Yes, you can use Drupal fields in certain parts of Site Studio.

Should I use Drupal fields or tokens?

It depends on the use case. For fields and their field formatters use a 'Field' element, for data without field formatters, use a token.

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.

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.