Hi. I am in need of help in increasing the size of the images that go underneath each of my testimonial reviews. I would like to, at the very least, double the size of them. Website: https://www.cocoandcobakery.com
Topic summary
Main issue: Increase the size of the customer images shown under testimonial reviews on cocoandcobakery.com, aiming for roughly double.
Proposed solution: In Online Store → Themes → Edit Code, open testimonails.css. Locate the selector .m-testimonials–layout-2 .m-testimonial__image and increase the CSS custom property --image-width from the default 3em to a larger value (e.g., 6em) to enlarge the images.
Initial snag: After changing the value, the image size appeared unchanged.
Verification: The responder confirmed the method works and shared a screenshot demonstrating the effect.
Resolution: Using the “Format CSS” button before saving made the change take effect, and the image size updated as desired. The user confirmed success.
Outcome & status: Issue resolved; no further changes needed. The helper offered direct messaging for any future issues. Attachments included screenshots but were supplementary.
Hello,
Go to Online Store → Themes → Edit Code.
Search for the file testimonails.css.
Search: .m-testimonials–layout-2 .m-testimonial__image in the file.
And you can see on that property there is --image-width: 3em;
Increase this value to adjust to however big you want the images to be.
Thank you for your response. I tried changing the value and the image is still the same size.
I just tried using the Format CSS button rather then just the save and it worked perfectly! Thank you so much for your help.
No problem. You can always DM me if you have more issues. Cheers!
1 Like