How can I decrease the space between my footer menus?

Store Design
1

hi, i want to reduce the spacing between my footer menus. i want to change it from image 1 to image 2. dawn theme - 6.0.2

URL: nightlightcity.com

pass: bowchu

image 1:

ni3_0-1672311814344.png
ni3_0-1672311814344.png1668×588 23.1 KB

image 2:

ni3_1-1672311855894.png
ni3_1-1672311855894.png895×352 7.25 KB

2

@ni3 Put below css into base.css file end of the file (Online store ->themes->assets->base.css)

@media screen and (min-width: 750px)
.footer__content-top .grid {
    row-gap: 6rem;
    margin-bottom: 0;
    width: 60% !important;
    margin-left: 5% !important;
}
.footer-block--newsletter {
    margin-right: 6% !important;
}
}

Ujjaval_0-1672313491649.png
Ujjaval_0-1672313491649.png1440×753 14.9 KB

3

Hello @ni3

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
@media only screen and (min-width: 750px){
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
width: 75% !important;
}}
</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me