Add bottom padding the links in the footer with moving the underlines

[flammagreg]

Hi guys,

I've been stuck on this for a while. Does anybody know how I can add 24px of bottom padding to the links in the footer without moving the underlines underneath the links. My website is seraneeva.com. Any help would be greatly appreciated!!

[Made4uo-Ribe · Accepted solution]

Hi @flammagreg 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.footer-content.nav-link-animated li {
    padding-bottom: 24px;
}

And Save. 

Result:

Note: I add the padding after the lines. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[flammagreg]

Could you check my site again. It should look like how it is now, but with 24px of bottom padding underneath the underlines

[flammagreg]

Nvm got it, thank you!

[Made4uo-Ribe]

As you say "without moving the underlines underneath the links", i didnt move the lines but add space on every links with the underlines. 

In your site now showing that you move the lines near to the links.

It's confusing now. 

[flammagreg]

Thank you!!! Do you also know how to add left and right padding to the footer so that it matches the padding of the image above the header??