[Resolved] How to center lightweight social icons

[Alex]

Hello,

I have 3 widgets in the footer. The middle widget hosts the lightweight social icons. I’ve set the social icon Alignment to Center and with the help from an article on the help forum, i’ve centered that widget title using this css:

.footer-widget-2{
text-align: center;
}

Now the text is centered, but the icons do not appear perfectly centered.

How can I center them?

Thanks!

Alex

[Leo]

Hi there,

The page you linked requires a username and password.

Can you provide that info or unlock the site temporarily?

Let me know 🙂

[Alex]

Hi Leo,
I sent the credentials yesterday with a support ticket.
Alex

[Leo]

Can you send it in again?

We don’t keep that info on record 🙂

[Alex]

Done

[Leo]

Currently, it’s off-centered a bit because of the negative margin you’ve added here:
https://www.screencast.com/t/8wsMko4LMb

[Alex]

Yes, I think these options are from the GP template I used. I played with them before opening this ticket, but even if I remove this code completely, it is still not centered. See:
Click

[Leo]

Maybe try this as well:

.lsi-social-icons li:last-child {
    margin-right: 0 !important;
}

I think that is the best we can do.

[Alex]

That did the trick. Pixel perfect!

Thanks Leo. Have a nice weekend.

[Leo]

No problem 🙂

[Author]

Posts