Genesis Blocks

Create effective content faster.

You are here: Home / Sharing Block

Sharing Block

The Sharing block makes it easy to add social media sharing icons anywhere on your post or page that allow readers to share your content on their social media profiles. This block also includes settings that allow you to control the style of the icons.

Table of Contents

General settings

General settings in the Sharing block

Click image to enlarge

  1. Alignment: Choose whether the group of icons will be aligned left, centered, or aligned right.
  2. Enable/Disable Icons: Click the toggle to enable or disable individual social icons. When enabled, readers will be able to click the icon/button to automatically share your post or page on their social profile.

Sharing Button Options

Sharing button options in the Sharing block

Click image to enlarge

  1. Button Style: Choose whether the button will display the social icon and text name, just the icon, or just the text name.
  2. Button Shape: Choose whether the button has square corners, rounded corners, or is “pill shaped” (circular).
  3. Button Size: Choose whether the button is small, medium, or large.
  4. Button Color: Choose whether the button should use the standard colors (a black button with white text) or if they should use the social colors (in other words, the social network’s brand colors).

Advanced settings

Advanced settings in the Sharing block

Click image to enlarge

  1. Additional CSS Class(es): You can add one or more CSS class to customize the appearance of this block. After adding the class name(s) here, you can enter your custom CSS code in Appearance > Customize > Additional CSS.