What's your biggest current challenge? Have your say in Community Polls along the right column.

Too Much Space in Dawn Theme Footer

Solved

Too Much Space in Dawn Theme Footer

AndreaH3737
Excursionist
17 0 7

I've tried all the solutions and suggested CSS but nothing works!  Help!  

https://da7ylbuun1afzcq6-89214681390.shopifypreview.com

There's too much space between the logo and the social media icons.  There's too much space between the Text link (top right) and the email signup (bottom right).  I'd also like for the Text link to line up to the right side like the email signup.  Any help is appreciated!

Accepted Solution (1)

GTLOfficial
Shopify Partner
666 141 134

This is an accepted solution.

Hello @AndreaH3737 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.footer-block.grid__item.scroll-trigger.animate--slide-in {
text-align: center;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
margin-top: 0px !important;
}

Result
1.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 3 (3)

Sweans
Shopify Partner
428 88 126

Hi @AndreaH3737,

 

To make the specified changes to your footer, please make the following changes:

 

1.Go to your Shopify admin panel.

2.Navigate to Online Store > Themes.

3.Find your theme and click on Customize.

4.Click Actions > Edit code.

5.In the left sidebar, under the Layout directory, select base.css.

 

.footer-block--newsletter{
margin-top: 0;
}
.footer-block__heading {
  text-align: right;
}
.footer-block__newsletter:not(:only-child){
margin-right:0 !important;
}
.footer-block__image-wrapper {
  margin-bottom: 0;
}

 

I hope this helps! If it does, please like it and mark it as a solution!  
If you need further assistance, feel free to reach out!oes, please like it and mark it as a solution!  
If you need further assistance, feel free to reach out!

Regards,
Sweans

 

 

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

GTLOfficial
Shopify Partner
666 141 134

This is an accepted solution.

Hello @AndreaH3737 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.footer-block.grid__item.scroll-trigger.animate--slide-in {
text-align: center;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
margin-top: 0px !important;
}

Result
1.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
AndreaH3737
Excursionist
17 0 7

Thank you!  Is there no way to take out the spacing out between the social media icons and the logo?