Footer Alignment

[BlankKanvas]

Hello,

I would like to align this text to be in the same row, clearly seperated and would also like to add another link for Terms of Service next to the Privacy Policy. I must’ve entered some code incorrectly as I am unsure why the text is purple and larger than the other text.

Any help would be much appreciated

[Liquid_xPert_SJ]

Hi @BlankKanvas ,

I cannot see the changes you made in the footer? refer to the screenshot: https://i.imgur.com/rysUa88.png

[BlankKanvas]

Hi Liquid_xPert_SJ,

Here is the link https://two-birds-one-stone-home.myshopify.com/

I can’t see the payment options on my end that were in your screenshot either?

[Liquid_xPert_SJ]

@BlankKanvas its password protected

[DaisyVo]

Hi @BlankKanvas

I hope you are well.

Could you please share the store link and entry password so we can check and provide you with a suitable solution?

Thank you!

Best,
Daisy - Avada Support Team.

[BlankKanvas]

Apologies, the password is irtiar

[BlankKanvas]

Hi DaisyVo,

The link is https://two-birds-one-stone-home.myshopify.com/ and the password is irtiar

Many Thanks

[Moeed]

Hey @BlankKanvas

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[steve_michael2]

Hi @BlankKanvas ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.footer__copyright.caption {
    display: flex;
    align-items: center;
}
.powered-by a {
    text-decoration: none !important;
    margin-left: 10px !important;
    font-size: 13px;
    color: black;
    opacity: .5;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[DaisyVo]

Hi @BlankKanvas

I hope you are well. You can follow our instructions below:

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

Here is the code for Step 3:

.footer__copyright.caption {
    display: flex !important;
    gap: 5px;
}
.footer__copyright.caption .powered-by a {
    color: currentColor !important;
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @BlankKanvas Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[namphan]

Hi @BlankKanvas ,

• 1: Align: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.footer__copyright {
    display: flex;
    column-gap: 8px;
    margin: auto;
    flex-direction: column;
}
.powered-by a {
    color: rgba(var(--color-foreground), 0.75);
}
@media screen and (min-width: 750px) {
    .footer__copyright {
        flex-direction: row;
    }
}

• 2: Other link: You can refer link

I hope it helps!