FAQs

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.

What value should I use to change the opacity of an element?

Opacity is set using a decimal where 0 is transparent, 0.5 is 50% and 1 is solid.

Why, when I add a block quote via the WYSIWYG, is the text size different to what I’ve set in my Block quote style?

The WYSIWYG (ckeditor) adds a paragraph tag around the text within the block quote. This causes it to inherit the text size of your paragraph base style.

Do component content entities have view modes?

No. Component content entities do not have view modes.

How can I style tables/forms in Site Studio?

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

How do I use flexbox to layout my content?

Use our interactive flexbox demo below to visualise how flex can help you layout your content.