FAQs

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.

Does the entity browser work for component defaults?

No, the entity browser does not work for component defaults as the entities are content, not config.

How do I remove a combinator from my style?

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

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.

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.

Can I use my own SCSS variables in Site Studio?

No, you cannot use SCSS variables in your codebase inside the Site Studio interface.

How do I use an SCSS variable in my styles?

To use an SCSS variable, enter your chosen variable into the appropriate CSS property.