How to add space between footer links in Dawn theme?

[Jiozx]

Hi,

I have added these two links in footer and now I want to add space between them.

I have tried:

• clear: both;
• clear: left;
• clear: right;
• margin: 0 20px;
• margin-left
• margin-right

and more, and I'm not getting the result I want. Margin added space on the left, in the middle, and right side. I only want space between them.

Webshop: https://axiomunit.store

Also, if you have time please help me with these problems:

https://community.shopify.com/c/technical-q-a/align-slideshow-button-in-bottom-center-on-mobile-vers...

https://community.shopify.com/c/technical-q-a/edit-small-width-image-with-text-section-dawn/td-p/178...

Thank you.

[WorkGPT1]

[Jiozx]

@WorkGPT1 that's not a solution. What if I add more links? Would I have to add that HTML code every time? Come on.

[Kani · Accepted solution]

Hi @Jiozx 

1: Online store > themes > Actions > Edit code > Assets > base.css

2: paste code at last

big.policy__content {
    margin-right: 10px;
    font-size: 12px;
}
big.policy__content:last-child {
    margin-right: 0;
}

[Jiozx]

@Kani I don't want to add more CSS, so if you could edit these CSS codes, I would appreciate it.

.policy__content a {
    color: rgb(var(--color-foreground));
}

.policy__content a:hover {
    color: rgb(var(--color-foreground));
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

[Jiozx]

Nevermind, I fixed it.

[Kani]

huh great.

Pls accept as solution as it fixed your problem. Thank you🙂