How can I justify Rich Text in the Impulse Theme?

[WearBasics]

Hello!

I've been trying to justify my Rich Text from margin to margin and I wasn't able to do it.

Can anyone give me a hand on this?

The issue is on the US (NOSOTROS) section. There is a huge text called A STORY OF AGES

Website: https://wearbasics.pe/

Password: website

This is what im looking for 

But it looks like this....

[Zworthkey · Accepted solution]

[Dhanush]

Hello,

add this in the CSS file

.rte > p {
    text-align: justify;
}

that should fix it. Let me know if you are still facing the issue. 

[WearBasics]

Its still the same! I just added it.

[Zworthkey]

where you have added it

theme.scss.liquid

[WearBasics]

Yes! Into theme.css.liquid

[Zworthkey]

but i have worked on my side.

[Zworthkey]

I didn't seen your code.

where you have added

[WearBasics]

Right here! Am I right?

[Zworthkey]

you have pasted the code on inside the curly brases

remove the down } 

p {

margin: 0 0 15px 0;

text-align:justify;

}

}   Remove this and add it top of        

p { margin: 0 0 15px 0;

text-align:justify;

}

[Zworthkey]

do you got it @WearBasics 

[WearBasics]

Just like this...

[Zworthkey]

yes

[Zworthkey]

after the Save the changes

[WearBasics]

Well, I saved it but it seems it's not working.

Maybe I did something wrong

[Kinjaldavra · Accepted solution]

insert this code Asset->/theme.css ->paste below code at the bottom of the file.

.index-section .page-width .grid grid__item .rte > p{
text-align: justify !important;
}

[WearBasics]

I just pasted it but the Rich Tech container hasn't justified yet.

[Zworthkey]

Hii

@WearBasics Add me as your Staff. i will change all the text.

Thank u

[Zworthkey · Accepted solution]

[Kinjaldavra]

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

.index-section  .page-width .grid grid__item  .rte > p{
	text-align: justify !important;
}

[Zworthkey]

@WearBasics Hii use these code to theme.scss 

p {
    margin: 0 0 15px 0;
    text-align: justify;
}

 thank you