Hi, I would like to align the text (justify it) on the product page. I have been able to justify the text on other pages like FAQ or CONTACT but not on the product page. Please thank you.
Hi, @danielcorrea
please send page url
You can do it with CSS. It’s a simple “text-align: center;” you can apply to each element you want centered text on. You can right click on the element on the page and select inspect to determine which element and what class you can target to apply the style to. Then add the style to an appropriate stylesheet, a product page css file if you have one would be ideal to keep things tidy.
I think this should do it for both:
.product__description.rte.quick-add-hidden,
.product__text.inline-richtext {
text-align: center;
}
That’s not justified text.
Hmm I see. I guess you’re referring to actual justified text, kind of out of place for a product page but definitely possible using the same style property. And by the way that style property will allow you to manipulate different alignments including left, right, center, and justify.
.product__description.rte.quick-add-hidden,
.product__text.inline-richtext {
text-align: justify;
}
Here’s how that would look
