Social Modules

The Social Modules can be styled locally or globally. The advantage of global styling is that it automatically styles all the social modules on your website at the same time, creating a consistent theme and saving your time. It is possible to find Social Modules Global Styling under the Module Design of the Global Styling tab of the editor. 

 

1. Social Media

1.1. Content Icon Placement

In this section you can adjust the placement of the social media icons - to the left, centered or to the right. 

 

1.2. Styling

For the Social Media Links Module local styling, please click here. 


1.2.1. Size

Here you can define the size of your social media links module. Choose a height and width for the module. 

 

1.2.2. Icon

1.2.2.1. Icon Color

Define a color for your social media icons. It is also possible to determine a color for the normal state and when someone is hovering over the icon.

 

1.2.2.2. Icon Size

Define the size of your social media icons. Type down a value or use the slider to do so. 

 

1.2.3. Background

With this option you can choose a solid color as the background for the icons. 

 

1.2.4. Border

Here you can define the border color, width, style and radius of the icon.

 

1.2.5. Spacing

When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.


2. Facebook Embed

In the Global Styling of the Facebook Embed Module it is possible to style the spacing, both in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element. For Facebook Modules local styling, please click here.  


3. Instagram Embed

In the Global Styling of the Instagram Embed Module it is possible to style the spacing, both in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element. For the Instagram Module local styling, please click here.


4. Google +1 Button

In the Global Styling of the Google +1 Button Module it is possible to style the spacing, both in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element. For the Google +1 Button local styling, please click here.


5. Google Follow

In the Global Styling of the Google Follow Module it is possible to style the spacing, both in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element. For the Google Follow Module local styling, please click here.


6. LinkedIn Share

In the Global Styling of the LinkedIn Share Module it is possible to style the spacing, both in terms of margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element. For the LinkedIn Share Module local styling, please click here.

 

7. Apply Global Styling

As soon as you save your Global Styling, all the Social Modules will inherit that design. However, if later you choose to style a social module locally, it will overwrite the global styling but only for that specific Social Module.

 

Anything we’ve not covered?

Contact Us