How can I adjust the width and spacing of footer blocks?

Store Design
1

Screen Shot 2022-08-23 at 5.23.51 PM.png
Screen Shot 2022-08-23 at 5.23.51 PM.png1816×650 16.1 KB

Hi everyone. What i’m trying to do is decrease the width of the first footer block on the left for “THE PLUMSTORE”, ideally I’d want “We specialize in…” to be underneath “we are a sticker etc…” and then to move the “Support” block over so there’s more space between the two blocks.

However my theme has no way to customize the width and spacing of blocks. Does anyone know how I can do this? The theme I’m using is Craft.

Here’s my Shopify site so you can get a better look: theplumstore.net

Thank you!

2

Hello @jelloplum !

Hope you are doing well.

Please add below CSS code in your base.css theme file at the bottom to add space as you required:

@media screen and (min-width: 750px) {
.footer__content-top .grid {
    column-gap: 280px !important;
}
}
3

Thank you so much!! It worked. I was also wondering if there’s a way to move the 3 social media icons so that it’s beneath the block on the left instead of being in the middle?

4

You can accept my answer as an accepted solution as you got the solution.
To move the social media icons on the left side add the below CSS:

.footer__list-social.list-social:only-child {
    justify-content: left !important;
}