Jump to content

Custom CSS Class in Sitebuilder

Rob Bedeaux

Recommended Posts

Have you ever wondered how to use the Custom CSS Class field found in every Sitebuilder page element? Here is a quick example of how to use that field to apply a custom table header color to the table page element. 

The Custom CSS Class field can be used in conjunction with a code element containing a <style> section. For example, in the attached screenshot, I have created the style name header-color-tbl . Next, add the following code element

.header-color-tbl {
background-color: #000;

In this example, the table element with the style name header-color-tbl will have a black (#000) header background color. Once you define the class name, in your style emblock, you can apply it to any code element. 

NOTE: Each page element supports slightly different attributes. So, it is generally best practice to create a unique class name for each page element type.




Example Table with Custom CSS.png

Rob Bedeaux (he/him/his)
Director, Partnerships & Symphony Marketing
E rob.bedeaux@nbcuni.com


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...