Lowercase product descriptions - Dawn

Store Design
, , ,

Topic summary

A user seeks help converting all product descriptions to lowercase on their product pages.

Solutions Provided:

Three community members offered CSS-based solutions:

  • namphan: Suggested adding CSS code to the base.css file via Actions > Edit code > Assets, targeting .product__info-container .product__description with text-transform: lowercase !important;

  • DaisyVo: Provided the same CSS snippet with before/after screenshot examples, noting it can be added to a Custom CSS field

  • EvinceDev: Offered a similar CSS solution targeting section.product__info-container .product__description

Implementation:

All responses recommend using the CSS property text-transform: lowercase !important; applied to product description containers. The solutions differ slightly in implementation location (base.css file vs. Custom CSS field) but follow the same approach.

The thread remains open with no confirmation from the original poster on which solution was implemented or whether the issue was resolved.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

hi! could anyone help me make all the product descriptions on my product pages all lowercase?

https://nql5v18918u40ngy-27884224571.shopifypreview.com

2

Hi @Element1 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product__info-container .product__description {
    text-transform: lowercase !important;
}
3

Hi @Element1

You can use the code below:

BF: https://prnt.sc/vNTcUm2LYqTh
AT: https://prnt.sc/zbmXastx2fkX

section.product__info-container .product__description {
  text-transform: lowercase !important;
}

You can add it in Custom CSS field.

Hope this can help!

Best,

Daisy

4

Hello @Element1 , Try this code add it in your css file

section.product__info-container .product__description {
  text-transform: lowercase !important;
}