What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Add bottom padding to links underneath headers (in footer) without moving underlines

Add bottom padding to links underneath headers (in footer) without moving underlines

flammagreg
Trailblazer
276 0 39

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. Any help would be greatly appreciated!!

Reply 1 (1)

PageFly-Theodor
Shopify Partner
691 86 103

Hi @flammagreg 


This is Theodore from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.footer a {
  padding-bottom: 24px;
  display: inline-block;
  text-decoration: none !important;
}

</style>

Hope this can help you solve the issue

 

Best regards,

Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.