How can I change the product description text colour and size?

Store Design

Topic summary

Goal: On a Shopify Sense theme product page, change the product description text color and make it appear smaller.

What was tried: The requester provided the desired color (#2E2A39). A helper proposed adding a CSS rule in section-main-product.css targeting the product description selector (.product__description.rte.quick-add-hidden) to set color: #2E2A39 !important.

Issue encountered: The requester couldn’t edit section-main-product.css (though other files like theme.liquid were editable). The reason for the file being non-editable wasn’t determined.

Resolution: The requester placed the CSS in the theme customizer’s Custom CSS area instead, and confirmed it worked. The product description text color now displays as #2E2A39.

Open item: The initial request to make the description text smaller was not addressed with a specific CSS rule (e.g., adding font-size). No further guidance on size was provided, so that aspect remains unresolved.

Summarized with AI on January 11. AI used: gpt-5.
1

Hi there,

we are on the sense theme and want to change the colour of the product description text. How can I do this?

Website - https://www.luxurycrackerco.com.au/

I would also like to make the text smaller if possible so it doesnt look so big.

2

@danielleloader , To what color you want to change it?

3

#2E2A39

4

@danielleloader , go to section-main-product.css and add the following code:

.product__description.rte.quick-add-hidden {
    color: #2E2A39 !important;
}
5

It is not letting me add anything in that code file

6

@danielleloader , You mean that you can’t paste the code in the file?

7

I can’t edit anything in that particular file at all. I can edit other sections such as theme.liquid etc

8

I just added it into the custom css on the customiser page and it worked. Thank you!

1 Like