Not finding how to Center Social Media icons

  • Resolved amlt7

    (@amlt7)


    6 years, 4 months ago

    Hello! First of all sorry if I use the wrong terms.
    I’m setting up the footer of this webpage https://connectingthedots.mx/ but I just can’t center the social media icons. In the template there were 5 icons and looks centered, but I only need 3! I see in the code how these live inside a separate box (?) in the footer. BTW I’m using WP Bakery Page Builder
    and the code starts like this:

    [vc_row css=".vc_custom_1532055167677{background-color: #ffffff !important;}"][vc_column el_class="wh-social-icons social-icons-footer-width" css=".vc_custom_1532054864547{margin-bottom: 0px !important;}"]

    • This topic was modified 6 years, 4 months ago by amlt7.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    I compared your website with the Petal theme demo and it seems that the main difference is that you’re using a class called social-icons-footer-width:141 and it should be social-icons-footer-width instead. You can try to remove this :141 part or reach out the theme authors here https://themeforest.net/item/petal-creative-portfolio-for-freelancer-and-agency/16573455/comments and ask them how you can center the footer social icons.

    Thread Starter amlt7

    (@amlt7)

    True! I deleted that :141
    But they still look slightly to the left.

    Hi,

    I checked this a bit closer and it seems that there’s a CSS snippet that’s added in a strange way:

    .social-icons-footer-width .vc_column-inner {
    width: 155px !important;
    margin: 0 auto;
}

    that makes the social icons look fine only you have 5 of them :-))

    However, you can copy this CSS:

    .social-icons-footer-width .vc_column-inner {
    width: 155px !important;
}

    to the Appearance → Customize → Additional CSS area and everything should look better this time.

    Thread Starter amlt7

    (@amlt7)

    Hello! Thank you so much.
    It worked!! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not finding how to Center Social Media icons’ is closed to new replies.