Re: Justify Rich Text - Impulse Theme

Solved

How can I justify Rich Text in the Impulse Theme?

WearBasics
Tourist
23 0 2

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 

WearBasics_0-1615393075061.png

But it looks like this....

WearBasics_1-1615393090660.png

 

 

Accepted Solutions (2)
Zworthkey
Shopify Partner
5581 642 1583

This is an accepted solution.

Kinjaldavra
Shopify Partner
2303 570 1426

This is an 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;
}

View solution in original post

Replies 19 (19)

Dhanush
Excursionist
12 1 4

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
Tourist
23 0 2

Its still the same! I just added it.

Zworthkey
Shopify Partner
5581 642 1583

where you have added it

theme.scss.liquid

WearBasics
Tourist
23 0 2

Yes! Into theme.css.liquid

Zworthkey
Shopify Partner
5581 642 1583

but i have worked on my side.

Zworthkey
Shopify Partner
5581 642 1583

I didn't seen your code.

where you have added

WearBasics
Tourist
23 0 2

Right here! Am I right?

WearBasics_0-1615402752716.png

 

Zworthkey
Shopify Partner
5581 642 1583

you have pasted the code on inside the curly brases

remove the down } 

p {
margin: 0 0 15px 0;
text-align:justify;
Zworthkey
Shopify Partner
5581 642 1583

do you got it @WearBasics 

WearBasics
Tourist
23 0 2

Just like this...

 

WearBasics_0-1615404421633.png

 

Zworthkey
Shopify Partner
5581 642 1583

yes

 

Zworthkey
Shopify Partner
5581 642 1583

after the Save the changes

 

WearBasics
Tourist
23 0 2

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

Maybe I did something wrong

 

 

Kinjaldavra
Shopify Partner
2303 570 1426

This is an 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
Tourist
23 0 2

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

Zworthkey
Shopify Partner
5581 642 1583

Hii

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

Thank u

 

Zworthkey
Shopify Partner
5581 642 1583

This is an accepted solution.

Screenshot.png

Kinjaldavra
Shopify Partner
2303 570 1426

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
Shopify Partner
5581 642 1583

@WearBasics Hii use these code to theme.scss 

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

 thank you