Hi,
i’m trying to use a “1 column” footer with all the widgets centered.
i used the following CSS i found on the older posts here to center the elements:
To center all the widgets:
#footer .widget {
text-align: center;
}
To center the “Social Media and Share Icons (Ultimate Social Media)” pluging icons:
.sfsi_widget .norm_row {
float: none;
margin: 0 auto;
position: relative !important;
}
Now i’d like to reduce the padding between every widget, because it’s too large, and i’d like them to be closer.
I tried the following CSS:
#footer .widget {
margin: 0;
}
it seems to work, but not with the social media icons, that remain too far from the widget below.
Can you help me with a correct CSS in which i can choose the right “pixel” distance between each widgets?
Thanks a lot for the support and best regards.
Hi,
self-response, in case someone will need in future.
I used another icons pack plugin (Ultimate Social Media Icons) and now the following code get all the widget closer and fully works:
#footer .widget {
margin: 0;
}
Thanks!
ERRATA CORRIGE
The new plug-in i used is “Access Press Social Icons”
Hi,
Sorry for the late reply, and thanks for sharing your solution, shall we close this then?
Best regards,
Mike
Hi,
yes, problem solved!
Thanks for the support and best regards!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike