Hi,
I have 5 widget columns in the website footer, each containing an image. I would like to have no space between the images, so they form a complete row (no margins or padding).
I’ve added this code to Quick CSS, but there is still space between the image widgets and a small space between the image widgets and the socket:
#footer .widget { padding: 0; margin: 0; !important}
#footer .container { width: 100%; max-width: 100%; margin: 0; padding: 0; !important}
#footer { padding: 0; margin: 0; !important}
Any ideas?
Thanks in advance.
Hi thomaswoollard!
Please add following code to Quick CSS as well
#footer .flex_column {
margin: 0;
width: 20%;
}
Best regards,
Yigit
Awesome, thanks Yigit – that worked great for desktop view. On the mobile view there is still space around the images – is it possible to remove this?
Thanks!
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
#footer .container {
width: 100%!important;
max-width: 100%!important;
}}
@media only screen and (max-width: 580px) {
#footer .flex_column {
margin: 0!important;
}
#footer img {
width: 100%;
}}
Best regards,
Yigit
Perfect – thanks so much for your help!
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit