Solved

(Studio Theme) Remove Padding Space in Footer above Copyright Line

talula
Excursionist
24 1 4

Hello!

 

I am trying to remove the padding in the footer so that my logo is very close to the copyright line. Can someone please tell me what code I need to edit to get rid of this empty space? Thank you!Screen Shot 2022-08-10 at 11.09.14 AM.png

 

Accepted Solution (1)
talula
Excursionist
24 1 4

This is an accepted solution.

Someone helping me with a different issue solved this for me, all I needed to do was paste this into base.css.

 

 

 

.footer__content-top {

         padding-bottom: 0 !important;

}

.footer-block__details-content {

        margin-bottom: -50px !important;

}

 

 

 

View solution in original post

Replies 10 (10)

Horlart_Expert
Shopify Partner
206 11 10

Hello,

 

Please add the below code at the end of theme.scss.liquid

Go to the Online Store -> Themes -> Actions -> Edit Code -> Assets -> theme.scss.liquid

.template-index .index-section:last-child {
      margin-bottom-55px;
      padding-top0;
}
 

 

Kindly try it and let me know if it works.

If helpful then please Like and Accept the Solution.
Want to modify or custom changes to the store Message me on WhatsApp - https://zeep.ly/vo6IQ | Telegram - https://zeep.ly/QFfRy | Email horlart.shopify@gmail.com
talula
Excursionist
24 1 4

Thank you for your help. Part of the problem I've been running into is that I keep seeing forums suggesting edits to the theme.scss.liquid file, but my assets folder does not contain that. The closest things I can find are that I have a "theme.liquid" under Layout, and a "theme-editor.js" under Assets. My code knowledge is very limited and I'm not really sure what any of this means yet, my apologies if I am missing something obvious. This screenshot is the bottom of my assets folder, which is where I assume the theme.scss.liquid file should be? Screen Shot 2022-08-10 at 12.00.11 PM.png

Horlart_Expert
Shopify Partner
206 11 10

Kindly provide your store link or which theme do you have in your store?


If helpful then please Like and Accept the Solution.
Want to modify or custom changes to the store Message me on WhatsApp - https://zeep.ly/vo6IQ | Telegram - https://zeep.ly/QFfRy | Email horlart.shopify@gmail.com
talula
Excursionist
24 1 4

https://talulamerriwether.com/?_ab=0&_fd=0&_sc=1

 

The new version is not online yet, I don't know if this link will work but this is the link it gives me to preview the site. The theme is Studio, and I tried Dawn as well but that did not have theme.scss.liquid either.

Horlart_Expert
Shopify Partner
206 11 10

The logo is not in the footer of the preview link sent, you can your theme has theme.liquid instead because it's a free theme.

 

I can help you out if you don't mind

 

footer.PNG


If helpful then please Like and Accept the Solution.
Want to modify or custom changes to the store Message me on WhatsApp - https://zeep.ly/vo6IQ | Telegram - https://zeep.ly/QFfRy | Email horlart.shopify@gmail.com
talula
Excursionist
24 1 4

Yes I guess that link only shows the preview on my end. That is the old version, I don't want to update it until the new site is ready.

 

Maybe this will help -- here is a screenshot of what it looks like in the editor. I have an image section within the footer, and nothing below it.Screen Shot 2022-08-10 at 12.16.35 PM.png

talula
Excursionist
24 1 4

I just figured out how to share the preview, here it is: https://dgmd8e9yrl4v0veg-59244052537.shopifypreview.com

 

Thank you for your help!

Horlart_Expert
Shopify Partner
206 11 10

Now I get it. Check out my signature, let me help you out.

 

footer.PNG


If helpful then please Like and Accept the Solution.
Want to modify or custom changes to the store Message me on WhatsApp - https://zeep.ly/vo6IQ | Telegram - https://zeep.ly/QFfRy | Email horlart.shopify@gmail.com
talula
Excursionist
24 1 4

I'm sorry, I'm not sure exactly what you mean. I would be happy for the help, I'm just not sure what you are asking me to do. I tried putting the code you gave me a bunch of different places, but since I don't have the file you mentioned, none of those places worked. Is there another file I should try pasting it into?

talula
Excursionist
24 1 4

This is an accepted solution.

Someone helping me with a different issue solved this for me, all I needed to do was paste this into base.css.

 

 

 

.footer__content-top {

         padding-bottom: 0 !important;

}

.footer-block__details-content {

        margin-bottom: -50px !important;

}