Edit Block and Area Design

To override CSS styles set by your RediSite theme, you can apply styles to blocks and areas. Customization at this level allows you to apply uncommon styles to contained areas on your site.

To edit the styles in an area on your page, do the following:

1. In edit mode, do either of the following:

   • To apply the styles to the block area, click the block area label, and then click Edit Area Design.
   • To apply the style to the block, click the block, and then click Design & Custom Template.

   The design editor appears.

   

   Note: If you don't see these options, your RediSite administrator has not allowed custom styles.

2. Use the design editor to customize the styling of the area.

   

   Design Editor
   	Text Size and Color: Edit the block Text Color, Link Color, Base Font Size, and text Alignment.
   	Background Color and Image: Edit the block background Color or Image. If you set a background image, you can set the Tile pattern.
   	Borders: Edit the Color, Style, Width, and Radius of the block border.
   	Margin and Padding: Edit the individual Top, Right, Bottom, and Left values for the block margin and padding.
   	Shadow and Rotation (CSS3): Edit the block Shadow, Rotate, and Device Visibility settings.
   	Custom CSS Classes, Block Name, Custom Templates and Reset Styles: Apply custom CSS through a Template, Class, Custom ID, Custom Element Attribute, or Block Container Class.