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

Store Design
1

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
Screen Shot 2022-08-10 at 11.09.14 AM.png2298Ă—420 11.9 KB

2

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-top: 0;

}

Kindly try it and let me know if it works.

3

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
Screen Shot 2022-08-10 at 12.00.11 PM.png488Ă—352 19.7 KB

4

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

5

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.

6

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
footer.PNG1347Ă—582 20.5 KB

7

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
Screen Shot 2022-08-10 at 12.16.35 PM.png2278Ă—528 15.7 KB

8

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

Thank you for your help!

9

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

footer.PNG
footer.PNG1365Ă—663 16.1 KB

10

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?

11

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;

}