how can I adjust the font sizes of the widget like the title of the section or the review itself and also the paddings?
Topic summary
A user needed help adjusting font sizes and padding for a review widget on their Shopify store. They shared a screenshot showing the widget’s current appearance and provided their store URL (imanethelabel.com).
Solution provided:
- Navigate to Online Store → Theme → Edit Code
- Locate the CSS file (base.css, theme.css, style.css, main.css, or custom.css)
- Add custom CSS targeting the review carousel elements
CSS modifications included:
- Adjusting padding for
.jdgm-carousel-wrapper(set to 48px) - Increasing title font size for
h2.jdgm-carousel-title(24px) - Modifying review item title size for
.jdgm-carousel-item__review-title(15px)
All values are customizable using !important flags to override existing styles. The solution was confirmed successful by the original poster.
Hi @alyhz ,
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?
@alyhz Can you please provide the URL of your store and if it is password protected please share the password too. Thanks
hi, sorry it is https://imanethelabel.com/
Hi @alyhz .
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
/* Sets padding for the review carousel wrapper */
.jdgm-carousel-wrapper {
padding: 48px 0 !important;
}
/* Increases the font size of the main review carousel title */
h2.jdgm-carousel-title {
font-size: 24px !important; /* You can increase or decrease this value as needed */
}
/* Sets the font size for each review item's title */
.jdgm-carousel-item__review-title.jdgm-line-clamp {
font-size: 15px !important; /* You can increase or decrease this value as needed */
}
this is perfect thank you very much!
1 Like