Quick Snack: Center Align the Icons in the Social Media Follow Module

by | Dec 30, 2016 | CSS Tips & Tricks, Quick Snacks

Sign up to receive all the latest themes, tutorials, tips & tricks from Divi Soup

Quick Snack: Center Align the Icons in the Social Media Follow Module

 

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 🙂

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. 🙂

Michelle X

Michelle Nunan is a multi-award winning marketer & trainer and freelance web designer as well as a wife and mother of two beautiful girls and one cheeky Black Labrador called Harley. 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.

    Join me on Facebook

    WP Theme FAQs
    Divi Switch
    WordPress Theme Editor
    Stock Images for as little as $0.69 each
    Elegant Marketplace - Divi Child Themes, Plugins and Tutorials
    Elegant Themes

    Other recipes you might like...

    Pin It on Pinterest

    Share This
    pro-membership

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

    You have successfully joined the waitlist!