FAQs

Why is my Google map not showing?

Google maps may not be showing if you have not set a Google maps API key.

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 apply custom styles to content in the WYSIWYG?

Yes. As long as you are using the Site Studio text format you will see two new menus ‘Element styles’ and ‘Inline styles’. Use these to apply custom styles.

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.

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 use flexbox to layout my content?

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