White Separator lines over and under my links on footer

Store Design
, ,
1

does anyone know how to Get separator lines over and under here?

IMG_0927.png
IMG_0927.png1170×2532 176 KB

2

Hi @silenceclothing

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media scree and (max-width: 768px){
ul.footer-block__details-content.list-unstyled li {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
}

image (72).png
image (72).png435×620 14.9 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

it did not work

4

this is not what i wanted. I mean i want separator lines over and under the section, like i have on the other ones

5

Do you have a screenshot for example?

6

No sorry. I just mean separator lines like you helped me With the other one.

7

@silenceclothing Ah I got it. You can try this code below:

@media screen and (max-width: 768px){
.footer__content-top.page-width {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-bottom: 0;
    display: flex !important;
    align-items: center !important;
    padding-block: 10px !important;
}
.footer__content-top.page-width .footer__blocks-wrapper.grid {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}
.footer__content-top.page-width .footer__blocks-wrapper.grid ul.footer-block__details-content.list-unstyled {
    margin-bottom: 0 !important;
}
}

image (73).png
image (73).png352×538 6.3 KB

8

my css is full. How can i do it then?

9

Hi @silenceclothing

Yes, you can add the code directly to your theme instead.

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
@media screen and (max-width: 768px){
.footer__content-top.page-width {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-bottom: 0;
    display: flex !important;
    align-items: center !important;
    padding-block: 10px !important;
}
.footer__content-top.page-width .footer__blocks-wrapper.grid {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}
.footer__content-top.page-width .footer__blocks-wrapper.grid ul.footer-block__details-content.list-unstyled {
    margin-bottom: 0 !important;
}
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

10

How can i make separator lines over and under this section?

silenceclothing_0-1736855839165.png
silenceclothing_0-1736855839165.png1894×774 306 KB

11

Hi @silenceclothing

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

image (8).png
image (8).png1161×540 489 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.