FAQs

Why is my page all black with dark grey text?

You probably have Bartik set as your active theme. This has a dark background to the page. To change this, set Site Studio minimal as your default theme.

Can I make an accessible website using Site Studio?

Yes. Site Studio provides many features to help you make your website more accessible.

Why does my slider not animate correctly when looping?

This is due to a known issue on the slider plugin which Site Studio uses.

Can I use tables in Site Studio?

Yes. You can create tables within a WYSIWYG element if a contributed module is enabled.

Can I use the Google map element with geo fields?

Yes. You can use Geo fields on your content type and then connect them to a the Google map marker element within your template.

Can I template custom entity types?

Yes, you can template custom entity types. There are some hooks that need to be implemented.

Do contextual filters on views work as configured with Site Studio?

Yes. Contextual filters on views work as configured within the Drupal view.

I want to rotate an element. Do I use the X, Y or Z rotate property?

If you’re trying to rotate the element front on, use the Z rotate property.

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.

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.

How do I use an SCSS variable in my styles?

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