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.

    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.

    Area Design Editor

    Design Editor
    Text Size and Color Icon Text Size and Color: Edit the block Text Color, Link Color, Base Font Size, and text Alignment.
    Background Color and Image Background Color and Image: Edit the block background Color or Image. If you set a background image, you can set the Tile pattern.
    Borders Icon Borders: Edit the Color, Style, Width, and Radius of the block border.
    Margin and Padding Icon Margin and Padding: Edit the individual Top, Right, Bottom, and Left values for the block margin and padding.
    Shadow and Rotation (CSS3) Icon Shadow and Rotation (CSS3): Edit the block Shadow, Rotate, and Device Visibility settings.
    Custom CSS Classes, Block Name, Custom Templates and Reset Styles Icon 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.

This topic was last updated on January 07, 2019.


Rediker Software, Inc., 2 Wilbraham Road, Hampden, MA 01036
Copyright © 2018 Rediker Software Inc. All rights reserved.

Copyright © Rediker Software, Inc. All rights reserved.