How to un-bold the font in the Judge.me Review widget?

Topic summary

A user running the Judge.me Reviews App on their Shopify store (Dawn 11.0.0 theme) wanted to remove bold formatting from various elements in the review widget.

Initial Solution:

  • Multiple community members provided CSS code to add to the base.css file
  • First fix targeted the main widget summary text using .jdgm-rev-widg__summary-text { font-weight: 100 !important; }

Follow-up Requests:
The user needed additional elements un-bolded:

  • Review titles and author names
  • Form labels and input fields
  • Button text
  • Review body text
  • Post-submission messages

Final Working Solution:
Community helpers provided progressive CSS snippets targeting:

  • Author names and form titles: span.jdgm-rev__author, .jdgm-form__title, label.jdgm-form
  • Review content: #judgeme_product_reviews * { font-weight: normal; }
  • Additional elements: .jdgm-rev__body, .jdgm-link, .jdgm-histogram-clear-filter { font-weight: 400 !important; }

Resolution:
The issue was fully resolved through iterative CSS additions to the themeโ€™s base.css file. The user confirmed all elements were successfully un-bolded.

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

Hello @DRAWandCARE :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#judgeme_product_reviews * {
    font-weight: normal;
}

The result

Hope that helps!

1 Like