Archived topic
How to center lightweight social icons
9 replies · Started by Alex on November 15, 2019
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
Hi there,
The page you linked requires a username and password.
Can you provide that info or unlock the site temporarily?
Let me know :)
Hi Leo,
I sent the credentials yesterday with a support ticket.
Alex
Can you send it in again?
We don't keep that info on record :)
Done
Currently, it's off-centered a bit because of the negative margin you've added here:
https://www.screencast.com/t/8wsMko4LMb
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
Maybe try this as well:
.lsi-social-icons li:last-child {
margin-right: 0 !important;
}I think that is the best we can do.
That did the trick. Pixel perfect!
Thanks Leo. Have a nice weekend.
No problem :)
