Solved

Increase Spacing Between Blocks In Footer - Focal Theme

smalltinyperson
New Member
4 0 0

Hi. I'm currently using the Focal Theme. I currently have 4 blocks in my footer and they are very close to each other.

 

I would like to increase the spacing between the blocks. And to shift the social media block down instead of it being at the right hand side.

 

Screenshot 2024-03-18 at 7.27.58 PM.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2138 614 491

This is an accepted solution.

Hey @smalltinyperson,

 

Is this what you want?

ThePrimeWeb_0-1710995171536.png

 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.footer__item-list {
    grid-template-columns: repeat(3, auto) !important;
    grid-auto-flow: row !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1710995190903.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 7 (7)

ThePrimeWeb
Shopify Partner
2138 614 491

Hey @smalltinyperson,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
smalltinyperson
New Member
4 0 0

heyyy. unfortunately store is not up yet. still in the development phase for this store. not sure if you have any similar experience with the Focal Theme?

ThePrimeWeb
Shopify Partner
2138 614 491

Hey @smalltinyperson,

 

You can share the preview link to the theme along with the store password. The theme on your store will have it's own unique ID's for the footer sections stuff, so I can't give you a solution inspecting your store.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
smalltinyperson
New Member
4 0 0

sure! it is https://vaqoo.co/password sdfpiunbe283

ThePrimeWeb
Shopify Partner
2138 614 491

This is an accepted solution.

Hey @smalltinyperson,

 

Is this what you want?

ThePrimeWeb_0-1710995171536.png

 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.footer__item-list {
    grid-template-columns: repeat(3, auto) !important;
    grid-auto-flow: row !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1710995190903.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
smalltinyperson
New Member
4 0 0

Hey @ThePrimeWeb thank you so much! Yes this is how I would like it to look it.

 

Appreciate the super fast response and help.

BSS-Commerce
Shopify Expert
3477 462 524

Hi @smalltinyperson ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency