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
4860 1002 1145

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

View solution in original post

Replies 14 (14)

oscprofessional
Shopify Partner
15905 2378 3087

@Myras ,

Share the store url with screenshot. 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

LitExtension
Shopify Partner
4860 1002 1145

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
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
15905 2378 3087

@Myras ,

URL, please.....

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
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
15905 2378 3087

@Myras ,

On which page do you want modification?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Myras
Tourist
9 0 3

Hi, 

 

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

oscprofessional
Shopify Partner
15905 2378 3087

@Myras ,

you can use this css

oscprofessional_0-1647422319628.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Myras
Tourist
9 0 3

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

LitExtension
Shopify Partner
4860 1002 1145

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
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
4860 1002 1145

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