Footer text spacing

[beveragebombs]

Hi, I am having issues with the spacing in between the sentences for my contact information inside the footer. Its far too wide and looks like double spacing. How can I reduce this so the distance is not as big? Thanks

[Made4uo-Ribe · Accepted solution]

Hi @beveragebombs 

TRy this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. 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-block__details-content.rte p {
    margin: 0;
}

• And Save.
• Result:
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[beveragebombs]

Thankyou!

[Made4uo-Ribe]

Welcome! Would you mind hitting 'like' as well? Thanks!

[DaisyVo]

Hi @beveragebombs 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (min-width: 1024px){
.footer__content-top.page-width > .footer__blocks-wrapper.grid > .footer-block.grid__item {
    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;
}
.footer__content-top.page-width > .footer__blocks-wrapper.grid {
    justify-content: center !important;
}
}

Result:

 - Before: https://prnt.sc/6ILRmj8UB5lM
 - After https://prnt.sc/otQoxHYAyMJs

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[ZestardTech]

Hello @beveragebombs ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > section-footer.css and paste the following code at the bottom of the file:

.footer-block__details-content.rte p {
    margin: 0 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

The spacing between the contact options is same as left block options.

Let me know if you need further assistance!