How can I justify Rich Text in the Impulse Theme?

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…

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 Hii use these code to theme.scss

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

thank you

Its still the same! I just added it.

where you have added it

theme.scss.liquid

Yes! Into theme.css.liquid

but i have worked on my side.

I didn’t seen your code.

where you have added

Right here! Am I right?

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;

}

do you got it @WearBasics

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

Just like this…

1 Like

yes

after the Save the changes

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

Maybe I did something wrong

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

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

Hii

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

Thank u