Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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;
}
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
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?
Kindly provide your store link or which theme do you have in your store?
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.
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
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.
I just figured out how to share the preview, here it is: https://dgmd8e9yrl4v0veg-59244052537.shopifypreview.com
Thank you for your help!
Now I get it. Check out my signature, let me help you out.
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?
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;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024