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

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

lucy_123
Tourist
11 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
9145 1829 1864

Hi @lucy_123 

Could you drop your store link to check?

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

lucy_123
Tourist
11 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
7647 1837 2250

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!

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
lucy_123
Tourist
11 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!! 😁