Center and straighten text in footer dawn theme for desktop

Solved

Center and straighten text in footer dawn theme for desktop

JordiP
Tourist
24 0 6

Hello, I would like to center this text in the footer section of my store on desktop, and straighten it as much as possible so it looks neat. I have already done it for mobile (except the straightening part), but cant figure out how for desktop.

 

JordiP_0-1727645752489.png

 

Store: https://bb9f8c-ac.myshopify.com/en

pass: pongia

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
541 109 109

This is an accepted solution.

Hello @JordiP 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-footer.css
add this code at the end of the file.

h2.footer-block__heading.inline-richtext {
text-align: center;
}
.footer-block__details-content.rte {
text-align: center;
}
h2.footer-block__heading.inline-richtext {
text-align: center;
}
ul.footer-block__details-content.list-unstyled {
text-align: center;
}

result
4.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 3 (3)
JordiP
Tourist
24 0 6

I pasted it into the bottom of assets/section-footer.css , however nothing happened. Could you look into it? Thank you.

Rahul_dhiman
Shopify Partner
541 109 109

This is an accepted solution.

Hello @JordiP 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-footer.css
add this code at the end of the file.

h2.footer-block__heading.inline-richtext {
text-align: center;
}
.footer-block__details-content.rte {
text-align: center;
}
h2.footer-block__heading.inline-richtext {
text-align: center;
}
ul.footer-block__details-content.list-unstyled {
text-align: center;
}

result
4.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
JordiP
Tourist
24 0 6

Thank you very much. It would also be great to know how to center the email sign up box and text to the middle of the footer, and the purple button with the social media icons preferably placed to the left. Thank you for your help!

Screenshot 2024-09-30 at 21.20.53.png