Judge.me

To apply more custom styling to your <a href="https://judge.me/help/en/articles/11841098-reviews-carousel">Reviews Carousel</a>, you can add custom CSS in Judge.me or in Shopify theme editor.

To add custom CSS in Judge.me for the Reviews Carousel:

From your Judge.me admin, go to Settings &gt; Widgets.

Scroll to the Review Carousel card and click Customize. ​

Scroll down to the Advanced section and open the Custom CSS (Advanced) editor.

Paste the CSS code from the table below into the editor.

Click Save to apply your changes. ​

1. From your Judge.me admin, go to Settings &gt; Widgets.
2. Scroll to the Review Carousel card and click Customize. ​
 
 
3. Scroll down to the Advanced section and open the Custom CSS (Advanced) editor.
4. Paste the CSS code from the table below into the editor.
5. Click Save to apply your changes. ​

___________________________________________________________

1. From your Judge.me admin, go to Widgets &gt; Reviews Carousel &gt; Customize.
2. Scroll down to Advanced and open the Custom CSS (Advanced) editor.
3. Add in the CSS code from the table below.
4. Click Save.

See the steps for the old app design

Add custom CSS in the Shopify theme editor

For even more customizations, you can add the CSS in Shopify theme editor:

From your Shopify admin, go to Online Store &gt; Themes.

Find the theme you want to edit and click Customize.

On the left menu, click the Theme settings icon

Scroll down to Custom CSS and add the CSS code from the table below.

1. From your Shopify admin, go to Online Store &gt; Themes.
2. Find the theme you want to edit and click Customize.
3. On the left menu, click the Theme settings icon
4. Scroll down to Custom CSS and add the CSS code from the table below.
5. Click Save.

Customizing the Reviews Carousel with CSS

Go to Judge.me

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

What you want to change	CSS code
To fix product name being cut off in the Reviews Carousel	.jdgm-carousel-item { padding-bottom: 20px!important; }
To change the header font size	.jdgm-carousel-title { font-size: 24px; }
To manually change the star color in the Reviews Carousel	.jdgm-star { color: RED; }
To change the color of the from `{{ n }}` reviews text in the Reviews Carousel	.jdgm-carousel-number-of-reviews { color: red; }
To reduce the gap between the Reviews Carousel and the block above it	.jdgm-carousel-wrapper { padding-top: 0; }
To fix the issue where the Reviews Carousel goes blank when scrolling on RTL (right-to-left) language stores like Arabic.	.jdgm-carousel__item-container { direction: ltr !important; }

What you want to change	CSS code
To change the background color of the Reviews Carousel block in Shopify	div:has(.jdgm-carousel-wrapper) { background-color: RED; }
To fix the issue where the stars in the Reviews Carousel are showing weird icons or showing as blocks (typically because our font family for the stars got overwritten by the theme font)	.jdgm-star { font-family: 'JudgemeStar'!important; }

Customizing the Reviews Carousel with CSS

Add custom CSS in Judge.me

Add custom CSS in the Shopify theme editor