🎨

Custom CSS

💡

If you want to have complete look and feel control across a venue and all the LivePages, you should consider building a custom venue.

HTML Block on LivePages

image

The HTML Block in the Venue Editor allows you to embed custom HTML codes that can include CSS codes. You simply need to use the <style> tag:

image

This method allows you to embed custom CSS code at a LivePage level. You can override existing CSS classes of your venue.

Note that our HTML Block does not support Javascript. If you enter a <script> tag, it will be discarded.

LiveBar CSS

The Custom CSS in the content block setting allows you to include custom CSS codes to change the look and feel of your Live bar

image

This method allows you to embed custom CSS code at a LiveBar level. You can override existing CSS classes of your LiveBar

Note that our CSS Block does not support Javascript. If you enter a <script> tag, it will be discarded.

Header CSS

The Custom CSS in the content block setting allows you to include custom CSS codes to change the look and feel of your Header

image

This method allows you to embed custom CSS code at a header level. You can override existing CSS classes of your Header

Note that our CSS Block does not support Javascript. If you enter a <script> tag, it will be discarded.

Content Block CSS

The Custom CSS in the content block setting allows you to include custom CSS codes to change the look and feel of the particular content block

image

This method allows you to embed custom CSS code at a content block level. You can override existing CSS classes of your content block.

Note that our CSS Block does not support Javascript. If you enter a <script> tag, it will be discarded.

Live page Level CSS

The Custom CSS in the live page setting allows you to include custom CSS codes to change the look and feel of the live page

image

This method allows you to embed custom CSS code at a LivePage level. You can override existing CSS classes of your venue.

Note that our CSS Block does not support Javascript. If you enter a <script> tag, it will be discarded.

Project Level CSS

Coming Soon. We will soon allow custom CSS code to be embedded at a project level such that the code can then be embedded across all LivePages of a project.

For now, you can use Google Tag Manager to embed CSS at a project level, if required.