Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I edit the spacing on a craft footer?

Solved

How can I edit the spacing on a craft footer?

aelitzer
Tourist
35 0 2

Hi,

 

I would like to change the spacing on the address in the footer so it removes these extras spaces between lines, but I do not have the option. Is there any code that could accomplish this for the footer only?

 

Screen Shot 2023-03-08 at 11.06.43 AM.png

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1786 3116

This is an accepted solution.

You can remove the code in my previous answer and try the code below:

 

<style>
.footer-block__details-content.rte > p  {
    margin: 0px !important;
}
</style>

PageFlyVictor_0-1678386791378.png

 

View solution in original post

Replies 10 (10)

PageFly-Victor
Shopify Partner
7865 1786 3116

Hi @aelitzer ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css.css->paste below code at the bottom of the file:

.footer-block__details-content.rte {
    line-height: 16px;
}

Note: You can adjust the line-height value to match your store

Hope my answer will help you.

Best regards,

Victor | PageFly

aelitzer
Tourist
35 0 2

That didn't seem to impact anything? I changed it to 8 and it still looks the same 

Screen Shot 2023-03-09 at 10.27.55 AM.png

aelitzer
Tourist
35 0 2
PageFly-Victor
Shopify Partner
7865 1786 3116

@aelitzer sorry about that, you can try another way:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.footer-block__details-content.rte {
    line-height: 16px !important;
}
</style>

 

 

kaka4
Visitor
2 0 0

Hi, I am wondering if you could guide me how to add my company/warehouse address and contact email at the footer on Craft theme? thank you

aelitzer
Tourist
35 0 2

That makes it smaller, but what I'd like is to remove the extra spaces between the lines, not just shrink the text. Is there some adjustment to do that?

 

I'd like it to read:

test address

test address

test email

 

Instead of:

test address

 

test address

 

test email

 

Screen Shot 2023-03-09 at 1.23.45 PM.png

PageFly-Victor
Shopify Partner
7865 1786 3116

This is an accepted solution.

You can remove the code in my previous answer and try the code below:

 

<style>
.footer-block__details-content.rte > p  {
    margin: 0px !important;
}
</style>

PageFlyVictor_0-1678386791378.png

 

aelitzer
Tourist
35 0 2

That did it. Thank you!

GemPages
Shopify Partner
5625 1262 1254

Hello @aelitzer ,

 

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
aelitzer
Tourist
35 0 2

https://1ca775.myshopify.com/ password labelshopper