A Shopify store owner using the Dawn theme is experiencing text alignment issues on policy pages. The text appears left-aligned instead of centered, displays in a narrow text box creating excessive line breaks, and they want to remove page titles like “Terms of Service” and “Contact Information”.
Solutions Provided:
Two users offered CSS-based fixes:
Solution 1: Add CSS code to the base.css file targeting .shopify-policy__body with text-align-last: center !important and adjusting grid item margins
Solution 2: Insert CSS directly into the theme.liquid file before the </body> tag, using text-align: center !important
Both approaches involve editing theme code files through the Shopify admin (Online Store → Theme → Edit code). The discussion remains open regarding the page title removal request, which hasn’t been addressed yet.
Hello,
I’m having trouble aligning my text in place, for some reason it’s aligned to the left and I want to put it in the center, also the text box seems small to the point where it has a lot of lines. Also, how can I remove the title of the pages? Ex: “Terms of Service” and “Contact Information”
Thanks in advanced.
Website : www.informaldisplays.com
Password : help
@informaldisplay
put below css into base.css file (online store->theme->asset->base.css)
.shopify-policy__body {
text-align-last: center !important;
}
.grid__item.medium-up--five-sixths.medium-up--push-one-twelfth {
margin: 0 auto !important;
}
Hello @informaldisplay .,
I would like to give you a solution to support you:
<style>
.rte {
text-align: center !important;
}
</style>