Design: CSS Class Attributes

Raisely has a number of class attributes that, when applied, can make fast design changes to rows, columns, and blocks. Explore below how to take advantage of these class attributes for your next campaign.

Adding a Class Attribute

Every Row, Column and Block in the Page Builder has a field to place in a Class Attribute. A class attribute is a simple text label that corresponds to the class in the campaigns CSS. Ensure when adding a class attribute that it matches the attribute label. 

Apply attribute to a row

Select the row Settings icon ⚙️ (top-right of row)  > select Advanced tab > open the Attributes tab and add class label to custom class

Apply attribute to a column

Select the row Settings icon ⚙️ (top-right of row) > select Columns tab > within the selected Column, add class label to custom class

Apply attribute to a block

Select the block Settings icon ⚙️ (top-left of block)  > select Advanced tab > open the Attributes tab and add class label to custom class

Available Class Attributes

Below is a list of the available class attributes you can use. These are already configured in the templates CSS, and will work consistently across all campaigns.