How to increase padding in footer block columns and add a 4th column?

[midnight_dawn]

Hi everyone, 

I'm trying to increase the padding of each Footer Block column on Desktop view. At the moment there's no padding between Block 1 & Block 2. I can't seem to find an option for increasing it. 

Additionally, I would like to move the Sign up for Newsletter section to make it a 4th column on the footer. Any help would be much appreciated. 

Website: https://mwcwatches-au.myshopify.com/

Password: Mwc_2023

Thank you! 

[codexecom · Accepted solution]

Hi @midnight_dawn 

Please follow these instrauction for padding:


Step 1:Goto online store 
Step 2: Edit code
step 3: Search base.css file 
Step 4: paste this code at last of base.css and save it

@media (min-width:750px){
.footer__blocks-wrapper .footer-block.grid__item:nth-child(1) {
padding-right: 45px ;
}
}

for Newsletter part it is possible but we need to code access of your store if you are interested then follow my details . it is free of cost.

[midnight_dawn]

Amazing! That worked a treat for the padding thanks so much. 

[bagsnoori]

Hi, can you add the newsletter section in the footer as the 5th column in our website. I tried doing it but the newsletter text is getting all scrambled up. I want the newsletter section to have a maximum width and the text to appear as in the font size of the footer menu items font size