The Social content block lets you easily insert icons into your landing pages that link to various social pages or networks.
Selecting a Social block will open its Content properties.
Select icon collection: Allows you to select a preset styling for your social icons. The default icons include Facebook, Twitter, Instagram, and LinkedIn.
Configure icon collection: This section allows you to configure the settings for each social icon. If “more options” is disabled, then you will only have the option to enter a URL for the icon. Custom icons can also be added by selecting Add new icon > Add a custom icon. When “more options” is enabled for a social icon, then you will see all of the following options:
- Title: Allows you to select the text that will appear when hovering over the social icon.
- Alternate text: Allows you to select the text that will be displayed if the image cannot be displayed for some reason.
- Url: The URL that the icon will link to.
Align: Allows you to align the social icons to the left, right or center.
Icon spacing: Allows you to adjust the amount of space in between icons.
Padding: Allows you to set the padding in all directions for the column. If “More Options” is enabled, then this will allow you to set a padding value for the top, bottom, left, and right sides of the column.
Hide on: Allows you to select whether this block will be hidden when viewed on Desktop or Mobile devices. This is based on the maximum width of the screen or browser that the content is viewed on. When the max width is over 695px, the Desktop version will be used. When the max width is 695px or below, then the Mobile version will be used.
Block identifier: When enabled, this will generate an ID for the selected block which can be selected when making an ‘internal link’ within the landing page.
Feature Added: 11.3.0
Feature Updated: 11.3.0