Change footer split horizontal line color

Store Design
1

Hi,

I would like to change the line color that splits the footer menu from the social media and payment section. Currently it is black, I want it to be tiny white.

Alliance_0-1669977484851.png
Alliance_0-1669977484851.png1900×444 30.2 KB

2

@Alliance
Can you please share store url ??

3

allianceautoproducts.com

4

@Alliance
Can you please add below css in custom.css

.site-footer__hr {
    border-bottom: 1px solid #ffff!important;
}
1 Like
5

Hi,

There is no cutom.css page in my theme.

6

@Alliance
You can add this in styles.css or theme.scss.css

7

Hi @Alliance

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.css.

Step 3: Paste the below code at bottom of the file → Save

.site-footer__hr {

border-bottom: 1px solid #333 !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

8

Hi Victor,

It worked out. Thank you so much. Any idea if I can change the margin from this line and the footer menu? Thank you.

1 Like
9

You are welcome @Alliance :blush:

You want to reduce the distance from the line to the footer?

10

Yes

11

@Alliance

You can try again this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.css.

Step 3: Paste the below code at bottom of the file → Save

hr.site-footer__hr {
margin-top: 0 !important;
}
.site-footer__item {
margin-bottom: 15px !important;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly

12

Victor,

Thank you so much. I have a challanging question: Can we make a collection tabs menu such as this one:

Alliance_0-1669980269365.png
Alliance_0-1669980269365.png1637×736 251 KB

13

It is in the page body. This is the reference website : autoall.cc

14

@Alliance

Sorry for missing your message.
Regarding your problem, it interferes with the theme and requires a lot of custom code. You can try to build it with a page builder app such as PageFly, Layout hub, Shogun. In PageFly, we use the Tab element to show content like that.
If you don’t want an app, please contact Shopify support team so they can help you.
Thank you.

15

In PageFly, where can I find the Tab element.

16

I managed to do the tabs, how can I link each tab with associated collection?