Align left policy title and text in Dawn Theme - Set up in the footer option of the policies

lucy_123
Tourist
9 0 2

I need to align left the whole policy text, as well as the title. As a default when you complete de policies from the footer section selecting "Policy links" then "Policy settings", the whole text is in the middle, written in one column when there's plenty of space to the right and to the left. 

I want the title of Privacy Policy to be on the left, as well as the text, and to encompass the whole site space, as normal the pages do. 

Replies 4 (4)
Dan-From-Ryviu
Shopify Partner
5548 1013 1039

Hi @lucy_123 

Could you drop your store link to check?

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

lucy_123
Tourist
9 0 2

Website isn't live yet!  This is what I mean. Through the theme options, you can add the policies on the footer: 

 

Screenshot 2023-11-03 at 11.51.04.png

 

When I fill in the information on the section for the policies, automatically this is the format of the text and title: 

 

Screenshot 2023-11-03 at 11.50.26.png

 

But, on the pages I've built, the text is to the side as well as the title, like this:

 

Screenshot 2023-11-03 at 11.53.59.png

 

So, I want the Privacy Policy and Terms of Service, text and title to be to the side, and not in a narrow column and be wider as the pages, i.e the FAQs. 

 

Thanks!

Made4uo-Ribe
Shopify Partner
4084 936 1142

Hi @lucy_123 

 

Thank you for providing the image for explanation. Please follow the instructions below

 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.shopify-policy__container {
    max-width: var(--page-width);
}

.shopify-policy__title {
    text-align: left;
}

 

 

  • And Save.
  • Result:

Made4uoRibe_0-1699025987302.png

 

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

 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


lucy_123
Tourist
9 0 2

Hi! Thanks!

 

But that code moves the text ALL THE WAY to the left, and if you can see in the FAQs example, the title and text are slightly to the left, not all the way! 😞

Check out this other example, and side by side with the code you provided: 

 

Screenshot 2023-11-03 at 12.57.31.png

New code: 

 

Screenshot 2023-11-03 at 12.59.57.png

 

Hope you can help, thanks!! 😁