How can I reduce footer size in the Dawn Theme?

[Cbrownz]

I have gone about looking at different tutorial on shrinking the padding between links on the footer but for some reason none have been able to help me.

I need to shrink the space between those links under the header and shrink excess space below.

Thank you for the help!

[made4Uo]

Hi @Cbrownz ,

Can you provide your website url to better assist you

[Developden]

Hi,

Please follow these steps:

• Go to Admin>Online Store
• Click Actions>Edit Code
• In the assets folder, open the base.css file
• Copy this code to the bottom of the file to decrease/increase the padding between the title and the links:

h2.footer-block__heading {
margin-bottom: 10px;
}

• Change the value of pixels (10px), as you want it to be.

• Copy this code to the bottom of the file to decrease/increase the padding between the links:

li.footer-block__details-content>li:not(:last-child) {
margin-bottom: 10px;
}

• Change the value of pixels (10px), as you want it to be.

Hope this helps.

[Cbrownz]

https://ftp-htx-merch-store.myshopify.com/

[Cbrownz]

That worked for the headings, but the footer links still are not being effected by it.

[Developden]

@Cbrownz
Please try this code for the links:

a.list-menu__item--link {
padding-bottom: 10px;
}

And just modify the number of pixels (10px).

[Cbrownz]

Still having troubles with that but honestly I think the bigger thing that will help me out is removing this big chunk at the bottom of the footer

[made4Uo]

Hi @Cbrownz ;

Just add the code below.

.footer .footer__content-bottom {
    padding-top: 3rem; 
}

.footer .footer__content-top {
    padding-bottom: 1rem;
}

[Cbrownz]

Ok great, is it possible to go less than 1 rem?

[made4Uo]

Yes. Just change 1rem to 0.5rem. It would be decimal or you can use 10px too. 1rem on this theme I believe is equal to 16px.

[Cbrownz]

Perfect thanks for the help

[johngarcia]

In what file and where in the file should we paste this? Thank you!

[jaevi]

Hello, I have a similar issue, based on the information shared, I was able to fix the padding in between menu items however, my main issue is being able to fix padding to the left and/or right of the spacing of the columns is too wide. Can you assist? Here’s a screenshot also on the Dawn theme. Many Thanks