How can I justify footer text left while keeping payment icons centered in District theme?

Store Design
1

Looking for a little help. I am using the District theme for my store. The footer text in the blocks was defaulted to center which looked very bad to me. I found the code in theme.scss.liquid that controlled the alignment and set it from center to left which did what I wanted…

$footerFullWidth: false;
$footerBackgroundColor: {{ settings.footer_background_color }};
$footerTitleTextColor: {{ settings.footer_title_text_color }};
$footerNavTextColor: {{ settings.footer_title_accent_color }};
$footerTextColor: mix($footerTitleTextColor, $footerBackgroundColor, 80%);
$footerTextAlignment: left;

The only issue is it also moved my payment icons and copywrite text left too. Is there a way to justify the block text left but keep the payment icons and copywrite centered?

1 Like
2

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

3

https://patriotapparelshop.com/

4

@Chaotic

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Please add below css in bottom of assets/theme.scss.css file

footer.site-footer p.copyright {
text-align: center;

}

.box.payment-types {
text-align: center;

}
Thank you.

3 Likes
6

Thank you… that worked perfectly!

1 Like