How to justify text in blog page or product page ?

[timbrx]

Hello ! 

I would like to justify the text in the blog article. Otherwise it's very ugly and not really adapted for the user experience especially on mobile phones.. it's the same for the description of products

Please HELP, thanks

[oscprofessional]

Hello timbrx,

Can you please share your site url so that I will give you solution..

[timbrx]

Here is the url of the website :

https://style-scandinave-shop.com/blogs/blog-style-design-scandinave/20-idees-de-salon-scandinaves

[oscprofessional · Accepted solution]

Hello timbrx,
Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.rte.rte--indented-images p {
text-align: justify!important;
} 

.rte.rte--indented-images p img {
	text-align: center !important;
	margin: 0 auto;
	display: block;
}

[timbrx]

Thanks a lot oscprofessional !

[Gygundo]

Please could you also assist me? I am trying to get my blog articles and "About Us" page justified.

Site is: www.leondupreez.com

[oscprofessional]

Hello Gygundo,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

For blog page:

.short-des{
	text-align: justify;
}

For about page:

.rte {
    text-align: justify;
}

[BS20]

hello,

Thank you for your advices.

I would like to justify my blog texte, i used the code you gave but it was not structure ...

How can i do please ?

Thank you very much.

---

@oscprofessional wrote:

Hello Gygundo,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

For blog page:

.short-des{
	text-align: justify;
}

For about page:

.rte {
    text-align: justify;
}

---

[BS20]

thank you very much !

[KOSH]

@oscprofessional 
Hi could you help us to "justify" our blog page (written in Japanese)?

https://kosh.tokyo/blogs/candle/%E3%82%A2%E3%83%AD%E3%83%9E%E3%82%AD%E3%83%A3%E3%83%B3%E3%83%89%E3%8...

I also want to change the width of the blog text from 640ppx to 400ppx with center-aligned, so that the width of the photo and of the text looks close enough. 

Thank you for your time.

[maki]

Hi, can you also help me justify text in my product page? thanks.

[haidef]

Great, thanks!

[rahit01]

Hello @oscprofessional can you help me with this site: https://theknifeandsteelcompany.com/

[n_bcn]

Hello, 

Could you please tell me how to justify the text on my blog pages too? I tried the code above but it didn't work. Thanks

https://bbeaut.com/blogs/blog/facial-rollers-the-scoop-on-sculpting

[oscprofessional]

@n_bcn,

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.template-article p {
    text-align: justify!important;
}

[maki]

Thank you for your response oscprofessional. I followed your instruction
but still the texts in my product pages are not justified. Can you help me
out?

[n_bcn]

Thanks, this worked!

[maki]

Hi, I don't know why but after applying your instructions, the text are
still not justified. Please help. thanks much.

[oscprofessional]

Hello maki,

Please share your store URL.

[maki]

www.merppy.com

thanks much

[oscprofessional]

@maki,

Can you please tell me on which page you want to make text justified?

[gabocarvajalo]

Hi!

I put the code you told BCN and it worked for one of my articles, but the other didnt change. I was wondering if you have another line code that can help please!

Doesnt work on: https://cykel.com.co/blogs/tutoriales-para-mejorar-tu-bici-en-casa/como-prevenir-pinchazos-al-maximo...

Works on: https://cykel.com.co/blogs/tutoriales-para-mejorar-tu-bici-en-casa/como-convertir-tu-rueda-a-tubeles... 

Thanks!!

[breezyhome]

Hi I would like to justify the text on my homepage and product descriptions. Can you please help me?

Thank you!

https://breezyhomestore.com/

[miriamd]

Hello,

I am trying to format the text on a few pages of my website.  How can I block- justify the text on the page?

This is one of the pages I would like to update: https://www.inkyandmod.com/pages/information-regarding-covid-19

Thanks

[notme2]

To anyone who's also looking to do this, I found the following page.  It will work with product pages.

https://tomakethingsonline.com/how-to-justify-text-in-shopifys-pages/