Social Media Icons Block
The Social Media Icons block offers a diverse array of display choices for showcasing your social media presence. Tailor the content to incorporate all of your engagement avenues, spanning from various social media platforms to an email link.
Demo: Social Media Icons Block
Add Social Media Icons
- Navigate to the page you'd like to update, and enter the Edit mode for the page.
- Click on the Layout tab.
- Choose the Section you would like to add the block.
- Click on Add Block in that section.
- Click on Create content block in the Configuration Sidebar.
- Select Social Media Icons from the list of options.
- Choose Inline or Reusable block option.
Add Block Title
- Title: this displays above the block when placed on a page.
- Display title: enabled by default, toggle the button to hide the block title.
Select Icon Size and Arrangement
You have several choices in the size and orientation of the social media links and icons.
- In the Link Size drop-down, choose the icon size:
- Tiny
- Small
- Medium
- Large
- In the Icon Orientation drop-down, choose one of the following:
- Horizontal: icons displayed horizontally with no text.
- Vertical: icons displayed vertically with text.
Configure Custom Links
Click on the Custom Links tab.
- Enter the URL of your page or feed.
- Click Add another item to add more links.
- Enter an email address in the Email link field to include an email link.
Design the Social Icons Block
- Click on Styles tab.
- Icon Settings: option to add an icon to the block title and configure the position, color, and size.
- Block Heading: heading style and alignment. This setting should be used to put your content in the proper reading hierarchy, not to change the font size of the title. Always make sure the page content is structured properly for accessibility.
- Block Style:
- Background style: option to add a colored background, outline or underline style.
- Block Typography: option to scale the font size on the title and content in a block.
Save Block
- Click Add Block.
- Click Save layout.