How can I adjust the footer border width to match other sections?

Store Design
1

Any tips, how to adjust the footer border width? It’s now full width, but I would like it to be as same width as the other sections above. I’m now using the code:

/footer border/

footer.site-footer{

border-top: 1px solid black;

}

in my theme.css.liquid since the border was not included by default in the theme. The theme I’m using is Motion.

Näyttökuva 2021-12-30 kello 11.01.31.png
Näyttökuva 2021-12-30 kello 11.01.31.png2482×1068 151 KB

2

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

3

@Almada

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

This problem is with unpublished theme with the theme Motion by Archetype.

Url is almadalabel.com with the old theme, if it helps.

5

Share me preview link.

6

@Almada

can you share your preview url is this now

7

Preview: https://df6hjtgae8hwv4pl-25465225306.shopifypreview.com

8

Hello

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

footer.site-footer {
border-top: 0;
padding-top: 0;
}

footer.site-footer .grid {
border-top: 1px solid #000000;
padding-top: 80px;
}
9

@Almada

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
footer.site-footer {
    border-top: none;
    padding-top: 0;
}
footer.site-footer .page-width {
    border-top: 1px solid #dddddd;
    padding-top: 80px;
}