How to justify text in Shopify’s pages?

Share Post:

Share on facebook
Share on linkedin
Share on twitter
Share on pinterest
Share on email

Disclosure: I am an independent blogger and the reviews are done based on my own opinions. My posts may contain affiliate links. You won’t pay a single cent more if you buy something through one of those links. But I’ll get a small commission, which helps keep the lights on. Click here to read the full disclosure policy. Thanks!

Do you know? 

In order to customize the look and feel of your web store in Shopify, it is highly recommended that you learn some simple coding to improve the user experience and navigation. One of the requests I often received from clients will be justifying the text in specific pages such as Privacy Policy, Blog Article,  FAQs and so forth. 

What is Justify?

If you justify your text, you make your text straight on both sides. The distance between words will be adjusted automatically to align the sides at each end. Below is an example of a paragraph aligned to the left and justified text. 

Aligned Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Justified
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

No code is required to achieve this effect with page builders such as Elementor in WordPress. However, “Justify” option is not available in Shopify by default. You will need to add some simple codes to get the same result in Shopify. 

To “justify” the entire text content

  1. Click “<>” to switch to HTML mode. 
  2. Follow the screenshot and enter the code at the top and at the bottom of the editor.
  3. You will see the changes in the Text Editor Mode. Publish your post to view the result. 
*Note: This method doesn’t work on Legal, e.g. Privacy Policy page. 
							
							
					<div align="justify">
    
    Your text
    
    </div>				
			

To justify the text for Privacy Policy page. You will need to add a code in your theme.  

  1. On your dashboard, navigate to the left menu -> Sales Channels -> Online Store -> Themes. 
  2. On your Live Theme page, click “Actions“.
  3. Click “Edit Code“.
  4. Search for the file “Theme.css.liquid” in “Assets” folder. 
  5. Enter the following code at the bottom of the code editor and save. 
Once done, go to your live Privacy Policy page. It should be justified if the code are entered correctly. 
							
							
					    .shopify-policy__body {
    text-align: justify;
}				
			

Thanks for reading

I hope you find this article useful. Feel free to comment or share the post if you enjoyed it! Stay safe~

1 thought on “How to justify text in Shopify’s pages?”

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like

Get huge discounts on Steam games, eBooks, softwares at Humble Bundle

It’s vital to take breaks from work from time to time and play video games, read a novel or take up a new hobby. Since it is best to stay at home due to Covid19, Check out what Humble Bundle has to offer without burning a hole in your pocket, and you can also donate

Step-by-step guide to add www. redirection to subdomain with Cloudflare

It’s been awhile! It’s been a while since I last posted. My apologies for my busy schedule as I am learning new things and running multiple businesses. I will likely focus less on banner images and more on writing content in the future.  My topic today is a request I had encountered recently!*Note: this guide

How to add email accounts into your Gmail?

Send/receive business emails via Gmail Do you know that you can read and compose an email with multiple email accounts in Gmail?  *Note: You can do so other email providers such as Yahoo!, Outlook. I prefer Gmail.  As a business owner, I have subscribed to budget mail hosting services for my business emails. Such services

Scroll to Top