Reduce line spacing in the Debut footer "text" section

[slinteriors]

I'm using Debut and have a "Text" section in my footer for my brick-and-mortar store address. There is a hard return between the lines of the store address and the line spacing is huge. I want it to look closer to single spaced - like the footer menu which looks great. Anyone know how to do that? 

[antias]

Hi, you need to code it using css. removed padding and update margins. 

If you are looking for a shopify developer to help you then you can contact me anytime. thanks

[ilanadavis]

If you provide a link to your store, I'd be happy to help. It's likely simple CSS for line-height that you can add but it's hard to say without being able to see what exactly you're referring to. 

[slinteriors]

Thank you so much! It's www.westward-home.com and the password is "comingsoon"

[Michael144]

.site-footer__rte p {
  margin-bottom: 5px;
}

Try adding that to your css

[ilanadavis · Accepted solution]

Hi @slinteriors 

Are you talking about this part?

Edit your CSS with this:

.site-footer, .site-footer a, .site-footer__rte p {
 margin: 0px;
}

Let me know if that doesn't work or if you have other questions.

Thanks 
Ilana

[slinteriors]

Worked! Thank you

[ilanadavis]

Wonderful!

[YoelSchwartz]

Hi,

I am having the same issue with my website. I'm using the "supply" template.

The footer line spacing for text is too big. Where can I change the CSS to fix this?

Thanks tons,

Joel

[Johannis]

Hi Joel,

Let me help you. 

First on the left hand side under 'SALES CHANNELS'

click the 'themes' tab

click on the 'actions' dropdown, it is to the left of the purple customise button

then click 'edit code'

in the search box in the top left type 'theme.scss.liquid' and it will show a file below. click it. 

Now, I found a section to paste it

see how in line 7206 and 7207 there is two brackets. 

I put the code above in-between them, Like this. see photo below.

And then clicked save in the top right. 

Now, I am not 100% knowledgable about your theme but this seemed to work with my debut them and I think it will be very similar. 

It worked well for me so hopefully the same with you. 

I am not a techie but I use trial and error a lot and one tip I have it that if you screen shot the section before and then after you can clearly see where you have edited it. and ensure to screen shot the whole page like I have above because then you can show someone if you mess up. 

Good luck and I hope this helps. 

[Sivaan]

Hi Ilana,

Im wanting to reduce the line height across my footer menu, but that code doesnt seem to work!
Any tips please? Thank you 🙂

[Jeremy48]

Hi, thank you very much for your help.

I got into shopify a few weeks ago and installed the "debut" theme.

When I checked the solution you posted i saw that the theme code changed so I can't find what to do and can't apply your solution.

Would it be possible to help me?

Thanks a lot if possible!

Jeremy