Follow us

Center Align the Icons in the Social Media Follow Module - Tutorial for Divi | Divi Soup

Like our free content? Then you'll love our exclusive Club!

Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. And new content is added EVERY Monday!

The Social Media Follow module is a handy one for when you want to add more social media network links to a website than allowed in the Divi Theme options, but those little guys can be a bugger to centrally align and there is no option for it in the module itself.

Here is a little quick snack to get you aligned!

So let’s get cooking!

Ingredients

 

The Divi Theme from Elegant Themes

 

Cooking time

 

This should take you around 3 minutes max.

 

Preparation

 

Let’s set up our module. 

Add a new row to an existing or new section and then add the Social Media Follow module.

Center align the icons in the social media follow module tutorial for divi

 

Method

 

Next open up the module settings and add the networks you want to use and change any of the other options you want to.

Center align the icons in the social media follow module tutorial for divi

 

Click on the Custom CSS tab and add a custom class of ds-social-follow, then Save & Exit.

Center align the icons in the social media follow module tutorial for divi

 

Now if you take a look at the frontend, your icons should look something like this:

Let’s center align those icons. Copy the following CSS and paste it into your child theme stylesheet, Divi Options custom CSS box or the page specific CSS box.

ul.ds-social-follow.et_pb_social_media_follow {
    text-align: center;
}

.ds-social-follow.et_pb_social_media_follow li {
    float: none;
    display: inline-block;
}

 

Now view your page and your icons should be slap bang in the middle smile

And that’s it. 

If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content. smile

Michelle X

Michelle Nunan is a multi-award winning marketer & trainer and full time Divi educator as well as a mother of two beautiful girls and two cheeky Black Labradors called Harley & Chaz. Michelle has been building websites since the late nineties, back in the days of GeoCities and Napster, before the web was the wonderful place it is now.

Related Posts

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest

Sharing is caring

Share this post with your friends!