Content Properties - Divider, Spacers and Social

Divider

The divider content block traditionally uses a physical divider line that you can drag and drop into your design. When new divider content is added to your document, or you select an existing divider content block, the content properties bar on the right will display the possible settings for this content type.

Divider Content Properties	Explanation
	Transparent: If this setting is turned on then there will be no visible divider in the document. A new option for height will be available to set the height to provide a blank space in the document. This can be used to give more customisation to design layout and improve the readability of a document.
	Line: These settings allow you to choose the style of divider line in your document. You can choose from solid, dotted or dashed, the thickness off the divider and the colour.
	Width:  This setting will increase/decrease the length of the divider within the content block. It is set using the number as a % of the total width available in the block.
	Align: Click one of the three options to change the positioning of the divider in the block; left-align, centre or right-align. This only applies when the width is less than 100.
	Padding: Turning on the More options will allow you to set individual padding for the top, bottom, left and right. If this is off the padding size will be applied to all sides. The padding increases the blank space between the divider line and the edge of the content block area.
	Hide: You can choose to hide this divider on Desktop or Mobile.

Spacers

The spacer content block acts much like a transparent divider in that it simply creates blank space in your design. As a result, the only setting that the spacer has in the sidebar is Height, which allows you more granular control over the empty space you are creating.

There is no limit to the height that you can assign to your spacer. The spacer block is useful if you know exactly how much empty space you need to create in your design, particularly if you are working with background images or image content blocks that don't use the same aspect ratio. 

Social

When new social content is added to your document, or you select an existing social content block, the content properties bar on the right will display the possible settings for this content type.

Social Content Properties	Explanation
	Select icon collection: There are various styles of icons to choose from. This style will not apply to any custom icons added.
	Configure icon collection: Each social icon allows you to edit the settings for: Title- This is the text when you hover over the icon  Alternate Text- This will be displayed when the document is unable to display the icon Url- This is the URL which the icon will take the user to. Add your Facebook page or Twitter account here to take your contact directly to your page There is also the option to delete the icon from your content block
	Add new icon: This has further icons available for social pages, to make a social share of your document or you can add your own custom icon using any image from the File Manager. When using a social share icon, the URL will be the one to be shared and will take the user to their social media page.
	Align: Click one of the three options to change the positioning of the social links in the block; left-align, centre or right-align.
	Icon spacing: This increases/decreases the space between each social link icon, from 5- 20
	Padding: Turning on the More options will allow you to set individual padding for the top, bottom, left and right. If this is off the padding size will be applied to all sides. The padding increases the blank space between the social links and the edge of the content block area.
	Hide: You can choose to hide this divider on Desktop or Mobile.

Source BEE Content Design, Inc