Remove margins from footer

[jcaporaso]

How do I remove the margins around all of the widgets in the footer? I tried this but it only worked for one of the widgets.

.x-colophon.top .widget {
margin-top: 0px !important;
}

[tristup]

Hi @jcaporaso,

Thanks for reaching out.
I have checked and found that the CSS code was implemented for all the widgets. If that is not the case and you are trying to point out something else, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

Thanks

[jcaporaso]

Oddly the code doesn’t take care of all of the widgets in the footer. For example, above the get started button, and above the “Wherever you are. Whatever you do” text box is still there. The code only removed the margin for the box with the text " Capik Creative is proud to provide our design…"

[jcaporaso]

i also just can’t figure out how you change the padding of the widgets.

[prakash_s]

Hello @jcaporaso,

I checked your site it seems that the margin CSS is rendering on your site properly. Please check out the video in the secure note. In case if you want to add padding on the footer widgets you can use this CSS selector for it. You can check out this article to learn more about paddings.

https://www.w3schools.com/css/css_padding.asp

.x-colophon.top .widget{}

This CSS selector would only work on the first widget.

.x-colophon.top .x-column .widget:first-child{}

Please note that the code provided above serves as a guide only and it would ultimately be your responsibility to take it from here. If you are unfamiliar with code and resolving potential conflicts, you may opt-in on our One service for further assistance.

Thanks