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
2119 606 470

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
2119 606 470

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
2119 606 470

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
2119 606 470

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 461 519

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development