Re: Justify text on my shopify pages

Solved

How can I justify text on all my website pages?

Myras
Tourist
9 0 3

Hi everyone, 

 

I need some help to change the code of my website, in order to justify the text on all my pages. Especially, on "media with text" sections.

 

Does enyone know how to change the code to have text blocs with justify text please ? 

 

Thank you for your help !

Accepted Solution (1)
LitExtension
Shopify Partner
4937 1007 1186

This is an accepted solution.

Hi @Myras,

Go to Assets > styles.css and paste this at the bottom of the file:

.image-with-text .image-with-text__text .rte {
	text-align: left !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com

View solution in original post

Replies 14 (14)

oscprofessional
Shopify Partner
16372 2440 3187

@Myras ,

Share the store url with screenshot. 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

LitExtension
Shopify Partner
4937 1007 1186

Hi @Myras,

'Justify Text': What does it mean? Please send me screenshot with description and site password. I will help you check it

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com
Myras
Tourist
9 0 3

 

Hi,

Thank you very much for your help ! 

 

Justify, like perfectly lined up text at edge, currently it is not the case on the site. 

Please see below : 

I found some code on the internet like below, but I don"t know where to insert them as the concerned text are on "media with text" bloc. 

text-align: justify; text-justify: inter-word; text-align-last: center;

 

The site password is : theayu

justify text.PNG

Myras
Tourist
9 0 3

Hi,

Thank you very much for your help ! 

 

Justify, like perfectly lined up text at edge, currently it is not the case on the site. 

Please see below : 

I found some code on the internet like below, but I don"t know where to insert them as the concerned text are on "media with text" bloc. 

text-align: justify; text-justify: inter-word; text-align-last: center;

 

The site password is : theayu

 

justify text.PNG

 

 

oscprofessional
Shopify Partner
16372 2440 3187

@Myras ,

URL, please.....

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
Myras
Tourist
9 0 3

Sorry !!! Thought I gave it before : 

 

https://www.myras-shop.fr/

password : theayu

Myras_0-1647421645556.png

 

oscprofessional
Shopify Partner
16372 2440 3187

@Myras ,

On which page do you want modification?

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
Myras
Tourist
9 0 3

Hi, 

 

I wanted to do this modification on "Media with text" section in different pages. 

oscprofessional
Shopify Partner
16372 2440 3187

@Myras ,

you can use this css

oscprofessional_0-1647422319628.png

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
Myras
Tourist
9 0 3

Will check this, thank you so much for your help ! 

LitExtension
Shopify Partner
4937 1007 1186

This is an accepted solution.

Hi @Myras,

Go to Assets > styles.css and paste this at the bottom of the file:

.image-with-text .image-with-text__text .rte {
	text-align: left !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com
Myras
Tourist
9 0 3

Hi @LitExtension , 

 

Thank you very much for your help again and the this code, it works !

 

I just replaced the word "left" on your code by "justify" and it work as I wanted ! Perfectly lined up both at the left and the right of the text bloc. 

 

Thank you and have a nice day !!

 

 

PeanutJr
Tourist
5 0 1

Hello. How come I cannot find this styles.css?

 

Please see below. 

 

PeanutJr_0-1657541093864.png

 

LitExtension
Shopify Partner
4937 1007 1186

Hi @PeanutJr,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com