New Shopify Certification now available: Liquid Storefronts for Theme Developers

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

Solved
DRAWandCARE
Explorer
101 0 10

Hello there! 💚

I recently installed the Judge.me Reviews App (free plan) on my website, and my question is: if there is any way to un-bold the font in this widget?

https://www.drawandcare.com/ (Dawn 11.0.0 theme)
The password: DRAW5848draw3729lvivCaRe!123


Will be grateful for any help! 

screenshot.png

 
Mini Custom Watercolor Pet Portrait – DRAWandCARE

Accepted Solution (1)
ZenoPageBuilder
Shopify Partner
847 151 169

This is an accepted solution.

Hello @DRAWandCARE 👋

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

Screenshot 2023-09-29 at 14.19.01.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 10 (10)
PageFly-Henry
Globetrotter
526 132 107

Hi @DRAWandCARE 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.jdgm-rev-widg__summary-text {

    font-weight: 100 !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

DRAWandCARE
Explorer
101 0 10

It really worked, but is there anything else we can do with the titles when writing a review, the review text, and the actual text on the existing buttons?
Thank you so much for your help!

 

screenshot1.png

 

screenshot2.png

screenshot3.png

 screenshot4.png

 

PageFly-Henry
Globetrotter
526 132 107

You can try again with this code:

span.jdgm-rev__author, .jdgm-form__title, label.jdgm-form__inline-label, .jdgm-form .jdgm-form__fieldset>label {
font-weight: 100 !important;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

DRAWandCARE
Explorer
101 0 10

Yes! We're almost there!
Now, we just need two these buttons and the text of the reviews that people will leave.
And the text about refreshing the page after submitting the review if possible!

Thank you!!
s1.png

 

s3.png

 

s2.png

 

SAN_MSWEB
Shopify Expert
872 109 112

Hi @DRAWandCARE 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.jdgm-rev-widg__header .jdgm-widget-actions-wrapper a {font-weight: 100 !important;}

 

 

 

Regards,

San

 

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

DRAWandCARE
Explorer
101 0 10

It really worked, but is there anything else we can do with the titles when writing a review, the review text, and the actual text on the existing buttons?
Thank you so much for your help!

sc1.png

sc2.png

 sc3.png

 sc4.png

 

 

 

 

 

ZenoPageBuilder
Shopify Partner
847 151 169

This is an accepted solution.

Hello @DRAWandCARE 👋

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

Screenshot 2023-09-29 at 14.19.01.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
DRAWandCARE
Explorer
101 0 10

Perfect! It worked! Thank you SO MUCH for your help! 💚

ZenoPageBuilder
Shopify Partner
847 151 169

You are welcome 🤗

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
JosephK
Shopify Partner
605 74 86

Hi,

To solved this you can add this code style to your file assets/base.css

.jdgm-rev__body>p:last-of-type,
.jdgm-link, 
.jdgm-histogram__clear-filter{
   font-weight: 400 !important;
}

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513