If your product images appear cropped or don't display as expected in the Fit Quiz, you can hide the product image section entirely using Custom CSS. This allows the Fit Quiz to focus on the sizing questions without displaying the product image.
Solution
Open Shopify Admin.
Go to Apps → SmartSize → Settings.
Under General settings, select Custom CSS.
Paste the following CSS into the editor:
.smartrecom-product-image-section { display: none !important; } 5. Click Save.
Where to Add the CSS
The screenshot below shows where to find the Custom CSS editor.
How It Works
The CSS targets the Fit Quiz's product image container:
.smartrecom-product-image-section
and applies:
display: none !important;
This completely hides the product image section from the Fit Quiz, preventing any image cropping or scaling issues.
When Should I Use This?
This solution is recommended if:
Your product images appear cropped in the Fit Quiz.
Your product photos use aspect ratios that don't display well in the quiz.
You prefer a cleaner Fit Quiz focused solely on sizing questions.
Notes
This change only affects the Fit Quiz.
Your product images on Shopify product pages are not modified.
You can remove the CSS at any time to restore the product image in the Fit Quiz.