Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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 !
Solved! Go to the solution
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!
@Myras ,
Share the store url with screenshot.
Hi @Myras,
'Justify Text': What does it mean? Please send me screenshot with description and site password. I will help you check it
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
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
@Myras ,
URL, please.....
@Myras ,
On which page do you want modification?
Hi,
I wanted to do this modification on "Media with text" section in different pages.
@Myras ,
you can use this css
Will check this, thank you so much for your help !
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!
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 !!
Hello. How come I cannot find this styles.css?
Please see below.
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.