Brooklyn Footer Text

Solved
kvntle
Excursionist
27 0 11

Hello everybody

I'm using the Brooklyn theme and need assistance inputting text within my footer. Ideally, I'd like to input my contact info right above the payment methods. Attached is an image of my request. Any help is appreciated.

URL: www.geostraws.com

Thanks

Screenshot (215)_LI.jpg

KetanKumar
Shopify Partner
17131 1858 6418

Hello, @kvntle 

Welcome to the Shopify community!
and Thanks for your Good question. 

 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
5818 1330 1706

Hey @kvntle,

Please check below. You can put your text in sections/footer. liquid file.

footer-text.jpg

 

Hope this works for you.

 

Cheers!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
kvntle
Excursionist
27 0 11

Hi @dmwwebartisan 

Thanks for the suggestion! I've tried it out but the text is constrained within a single line. Here's an image of what I'd like it to look like. Ideally, the phone and email would be on separate lines. Is there a code that can achieve this?

Best regards

Screenshot (216)_LI.jpg

0 Likes
dmwwebartisan
Shopify Partner
5818 1330 1706

Hey @kvntle,

Use the P tag.

e.g

<p>Phone: (213) 787-4382</p>
<p>Email: shop@geostraws.com</p>

Try this.

 

Cheers! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
kvntle
Excursionist
27 0 11

Hey @dmwwebartisan,

Thanks for the code. Is there a way to match the line spacing with the text shown in other columns? I've attached an image of how it looks. 

Best regards

Screenshot (217).png

0 Likes
dmwwebartisan
Shopify Partner
5818 1330 1706

This is an accepted solution.

Hey @kvntle,

Remove your last code and put this instead.

<ul class="no-bullets site-footer__linklist">
<li>Phone: (213) 787-4382</li>
<li>Email: shop@geostraws.com</li>
</ul>

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
kvntle
Excursionist
27 0 11

Hey @dmwwebartisan,

I've updated the code but there's a slightly larger space right above the phone number. Is there a fix to bring them closer? I've attached an image.

Thanks
Screenshot (218)_LI.jpg

0 Likes
dmwwebartisan
Shopify Partner
5818 1330 1706

This is an accepted solution.

Hey @kvntle,

Please add the following code at the bottom of your timber.scss.liquid file

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

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
kvntle
Excursionist
27 0 11

Hey @dmwwebartisan,

The formatting is perfect. Thanks once again for your assistance!

Best regards