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

Solved

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

DRAWandCARE
Pathfinder
128 0 19

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
1052 203 229

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
Shopify Partner
1184 335 294

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
Pathfinder
128 0 19

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
Shopify Partner
1184 335 294

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
Pathfinder
128 0 19

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

 

INA_MSWEB
Shopify Partner
1281 144 167

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
Pathfinder
128 0 19

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
1052 203 229

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
Pathfinder
128 0 19

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

ZenoPageBuilder
Shopify Partner
1052 203 229

You are welcome 🤗

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

DitalTek
Shopify Partner
845 100 120

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 you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp