How to justify text in Shopify’s pages?

Share Post:

Disclosure: I am an independent blogger and the reviews are done based on my own opinions. The information in this article is based solely on my own experience using the product. If I have not used the product, I will never give a review of it. 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, I would greatly appreciate it and, in this way, I can produce more valuable content in the future. 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.

				
					<div align="justify">
Your text
</div>
				
			

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. 

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. 
				
					.shopify-policy__body {
text-align: justify;
}
				
			
Once done, go to your live Privacy Policy page. It should be justified if the code are entered correctly. 

Thanks for reading

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

2 thoughts 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

Cloudways Web Hosting Summer Deal Banner Image

Cloudways Summer Deal: Up to 30% OFF + Free SSL Certificate

It’s an oversight! There is a summer deal for Cloudways until 25th August 2022 -> Get 30% off all plans for 6 months! This amounts to almost two months of free hosting.  What is Cloudways Web Hosting? Cloudways simplifies your web hosting experience with a managed cloud hosting platform. As opposed to traditional hosting providers using

Elementor is 6 years old! Up to 60% off everything.

Interested in creating your own website or becoming a web designer? Have you been struggling with WordPress for too long? It’s about time you tried Elementor, a WordPress page builder! What is Elementor? Elementor is a revolutionary WordPress plugin that enables you to create beautiful, dynamic, responsive pages quickly. Your WordPress website is at your

Free resources for your design project
Why I chose Astra Theme over Neve Theme
How to change the background color of the WooCommerce Store Notice
Photoshop CC - Removing Number Sequence for Export Layers to Files
How to save money on IT expenses with Appsumo
Elementor is 6 years old! Up to 60% off everything.
1 2 3 4
I hope that the information I have shared will prove useful for your business or work. If you find it valuable, I would greatly appreciate your support through a tip to help with the maintenance of the website. Thank you!
 
Scroll to Top