Align brand information in footer section to the rest of site elements in Sense theme

[luis-zadel]

Hello

We have a brand information block in our footer section and we want to align it to the left to where the header logo, copyright and most the rest of elements are aligned as showed on the picture below. We are usign Sense theme.

We are redesigning our very bare bones current site so I'm sharing the preview to the in development theme. If it is expired please ask me for a new link.

https://mvvg8v31ud2wrkp9-56663965780.shopifypreview.com/

Appreciate any help on this matter

[Moeed · Accepted solution]

Hey @luis-zadel 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block.grid__item.scroll-trigger.animate--slide-in {
    margin-left: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-B2B · Accepted solution]

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
IN this step, you can change the value of column-gap smaller or higher as you want.

Step 1:  Step 1 Go to Admin -> Online store -> Theme > Edit code:

Step 2 :Search for the file theme.css. And add this code snippet to the end of the file.

.footer__content-top .footer-block.grid__item.scroll-trigger.animate--slide-in {
    margin-left: 0 !important;
}

Step 3: Save and reload home page.

=>> The result:

[Moeed · Accepted solution]

Hey @luis-zadel 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block.grid__item.scroll-trigger.animate--slide-in {
    margin-left: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-B2B · Accepted solution]

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
IN this step, you can change the value of column-gap smaller or higher as you want.

Step 1:  Step 1 Go to Admin -> Online store -> Theme > Edit code:

Step 2 :Search for the file theme.css. And add this code snippet to the end of the file.

.footer__content-top .footer-block.grid__item.scroll-trigger.animate--slide-in {
    margin-left: 0 !important;
}

Step 3: Save and reload home page.

=>> The result:

[Made4uo-Ribe · Accepted solution]

Hi @luis-zadel 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.footer__content-top .footer-block.grid__item {
    max-width: 100%;
}

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[luis-zadel]

Thanks so much, all three of your solutions worked! I'm accepting and liking all three.