How to add space between footer links in Dawn theme?

Technical Q&A
1

Hi,

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

Jiozx_0-1667132209303.png

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-version-dawn/td-p/1794630

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

Thank you.

2

ShopAutomation1_1-1667139465603.png
ShopAutomation1_1-1667139465603.png2447×1421 361 KB

3

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

4

Hi @Jiozx

Kani_1-1667308010809.png
Kani_1-1667308010809.png694×141 5.95 KB

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;
}
5

@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;
}
6

Nevermind, I fixed it.

7

huh great.

Pls accept as solution as it fixed your problem. Thank you :slightly_smiling_face: