Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1285570

    Hi there,
    I’m hoping you can assist with some code to center two ‘Icon’ elements in a single line. They currently end up stacked when using the ‘center’ alignment styling. I refer to the Facebook and Instagram logos underneath the contact details shown here – (NOT the ones in footer).

    I’ve read some previous posts about using Left alignment for the Icons so they appear inline (single line, not stacked) and then adding some CSS. I added the custom ID ‘contact-social’ to a 3/5 Column which contains the icon elements but am unsure of the CSS required to center the icons.
    Would appreciate your help! Many thanks.


    Hey Suze,

    Best regards,


    Sorry, Victoria – what HMTL should I copy?


    Hi ellamac,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,


    I’m still trying to work out how to center several inline icon elements. I have 5 star icons inline using the left aligned style and would like to know the code to center align these. I’ve given the full column a custom CSS class of five-star.


    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .five-star {
    	justify-content: center;
        display: flex;

    After applying the css, please clear your browser cache and check.

    Best regards,


    Brilliant – thank you Mike! That’s worked a treat.
    This post can now be closed and marked as solved : )


    Hi ellamac,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Icon element centered on one line’ is closed to new replies.