New Shopify Certification now available: Liquid Storefronts for Theme Developers

Justify Text on One Page

Solved
JoeyRoo
Excursionist
21 0 4

Hi. What is the best way to Justify the text on the "Our Story" page of my site https://theothelabel.com/pages/our-story

Accepted Solution (1)
ZenoPageBuilder
Shopify Partner
841 150 168

This is an accepted solution.

Then add this line

 

#shopify-section-template--21084839444768__cb6f75dc-0c2c-4398-b32f-4fd0a39e938e .text-size-regular {

    text-align: justify;

    text-align-last: center;

}

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 6 (6)
ZenoPageBuilder
Shopify Partner
841 150 168

Hello @JoeyRoo 👋

Inside Shopify Admin, you can go to Edit theme code, open file page.css and add this code at the bottom

#shopify-section-template--21084839444768__cb6f75dc-0c2c-4398-b32f-4fd0a39e938e .text-size-regular {
    text-align: justify;
}

The result

Screenshot 2023-10-19 at 10.32.21.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
JoeyRoo
Excursionist
21 0 4

Thank you. How do I keep the last line of each paragraph centred?

ZenoPageBuilder
Shopify Partner
841 150 168

This is an accepted solution.

Then add this line

 

#shopify-section-template--21084839444768__cb6f75dc-0c2c-4398-b32f-4fd0a39e938e .text-size-regular {

    text-align: justify;

    text-align-last: center;

}

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
JoeyRoo
Excursionist
21 0 4

Perfect. Thank you for the help!

ZenoPageBuilder
Shopify Partner
841 150 168

You are welcome!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
JoeyRoo
Excursionist
21 0 4

Hi, can you please help out again with this code. I made some changes to the pages so I think the code needs to be edited as the text is no longer justified