The ratio of the Size Chart photo in my products is incorrect, tried to fix them from the pages but still looks weird. Are there any other ways to make sure the image ratio is correct? Thank you!!
Size Chart:
Topic summary
A store owner reported that size chart images on their product pages display with incorrect aspect ratios, appearing distorted despite attempts to fix them through the page settings.
Solutions Provided:
Two community members offered CSS-based fixes:
- Option 1: Add CSS code to the theme’s stylesheet (
assets/theme.css) targeting the accordion content image element to set height to auto - Option 2: Insert specific markup code in the
theme.liquidfile before the closing</body>tag
Resolution:
The original poster confirmed that one of the suggested solutions successfully resolved the image ratio issue.
Hi @ipwt57 ,
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Assets/theme.css
- Add code below to end of file
.accordion__content.rte img {
height: auto;
}
1 Like
Hello,
I am San from MS Web Designer.
Go to Themes > Edit code > Theme.liquid > at the bottom place this code before
Do let me know in case of any concerns.
Regards,
San
it works!! thank you so much!