How can I justify text on the Debut theme?

Store Design
1

Hello all,

I would like to Justify text in all sections on the debut theme. (But especially in the image with text block)

Any ideas?

I have searched through the forums and found these two answers, but they do not work for me

in theme.css added

.template-page .rte{
text-align:justify;
}

.template-index .grid__item p{

text-align:justify;
}

2

To which section element of Debut theme are you referring?

Is that the “Text columns with images”?

2021-08-08 20_30_40-Customize Debut ~ Shopify.png
2021-08-08 20_30_40-Customize Debut ~ Shopify.png274Ă—714 6.6 KB

3

@Yanik

Please try this code Or please share your store URL.

.template-page .rte{
text-align:justify !important;
}

.template-index .grid__item p{
text-align:justify !important;
}
4

hello @Yanik

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

.template-page .rte{
text-align:justify !important;
}
.template-index .grid__item p{
text-align:justify !important;
}
1 Like
5

Hello @drakedev

No, I’m referring to the image with text. Thanks for your help! https://boutique.kolibrico.art/

6

Hello @Kinjaldavra

THanks, I tried that code, but it does not work for me. This is the link to my shop (still in beta) https://boutique.kolibrico.art/

7

Hi Yanic,

understood now, you can use this code for image block with text in your home page

.feature-row__item .featured-row__subtext {
    text-align: justify !important;
}

Add the code at the end of theme.css file

1 Like
8

AWESOME! That did the trick. Thank you, kindly @drakedev

9

Hi Everyone

I want to get justify txt on both product pages and other section as well, like custom content.

I tried both of your solution suggested but none of these works on my debut theme.

my website is https://nopineappleonpizza.com/

appreciate if anyone can help me out.

have a lovely day