How to justify text in blog page or product page ?

Solved
Highlighted
New Member
3 0 0

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

0 Likes
Highlighted

Hello ,

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Highlighted

This is an 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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

Thanks a lot oscprofessional !

0 Likes
Highlighted
New Member
2 0 0

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

Site is: www.leondupreez.com

0 Likes
Highlighted

Hello ,

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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

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 ,

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;
}

 

0 Likes
Highlighted
New Member
2 0 0

thank you very much !

0 Likes
Highlighted
New Member
4 0 0

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

0 Likes