CAPITALIZE of accordion title | Broadcast Theme

Store Design

Topic summary

Goal: Change the product page accordion title from “Reviews” to uppercase “REVIEWS” in the Broadcast theme.

What was proposed:

  • Add a CSS rule in assets/theme.css targeting the accordion title to force uppercase via text-transform: uppercase.
  • Two selector variants were suggested (likely due to theme section differences):
    • .template-product .accordions-holder .accordion__title { text-transform: uppercase !important; }
    • .template-product .reviews-holder .accordion__title { text-transform: uppercase !important; }
  • Implementation path: Online Store → Theme → Edit code → assets/theme.css → paste the rule at the bottom.

Context/notes:

  • CSS text-transform: uppercase converts the displayed text to all caps without changing the source text.
  • A screenshot was shared but is not essential to the solution.

Latest update and status:

  • Original asker acknowledged the help; no explicit confirmation of success.
  • A new participant asked how to change the accordion title to a custom uploaded font; the helper requested the site URL to provide specific code. This follow-up request remains open/unresolved.
Summarized with AI on December 15. AI used: gpt-5.
1

HEllo,

I am trying to CAPITALIZE the accordion title from “Reviews” to “REVIEWS”

I would be so grateful for your help

My URL :https://www.ambigoose.com/products/respect-water-cleanser?variant=37129348481223

Thank you

Jon

Screen Shot 2021-07-29 at 11.42.51 AM.png
Screen Shot 2021-07-29 at 11.42.51 AM.png1266×847 114 KB

1 Like
2

@JonX

Please add the following code at the bottom of your assets/theme.css file.

.template-product .accordions-holder .accordion__title{
text-transform: uppercase !important;
}

Hope this works.

Thanks!

1 Like
3

@dmwwebartisan Thank you so much

1 Like
4

hello @JonX

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

.template-product  .reviews-holder .accordion__title{
	    text-transform: uppercase !important;
}
1 Like
5

Hi

Hi Kinjaldavra,
I would like to change the accordion title to the font we uploaded. Can you help me with the code that I must paste to assets/theme.css ??

6

Yes I can help you can you please share your site URL so I can help you