Question:
When I upload an image (.png) to a WIX pricing plan as plan card image, the image doesn’t “fit” the card display when the browser window size changes or the screen resolution changes. All other places in WIX, this is not an issue, but just in the Pricing Plan Cards. Has anyone encountered it and if so, is there any solution? PS: The Card images are ONLY allowed to be .png, or .jpg (.svc is NOT allowed). Product:
Wix Editor → Wix Catalog → Pricing Plans → Plan Card Image
What are you trying to achieve:
Add a composite image that fits (scales to fit) the card image display on any screen/browser to make the plan card attractive when displayed.
What have you already tried:
Tried uploading different image sizes, resolutions, types without success. The final display is ugly and seems to be done by a fifth grader… not at all professional!
Additional information:
See the screenshots of what I see in the WIX dashboard, and what I get in the real browser window of a published site.
Hi! I totally understand how frustrating it can be when images don’t behave as expected, especially in Pricing Plan Cards where presentation really matters.
This is a known challenge with Wix’s Pricing Plan cards — the image containers don’t always scale or crop images responsively the way other Wix elements do.
Here are a few tips that might help:
Try creating your images with a consistent aspect ratio that matches the card’s display area (for example, a perfect square or the exact card proportions).
Use transparent backgrounds in your PNGs to avoid awkward cropping edges.
Make sure your images are optimized for web (not too large) but with enough resolution to stay crisp.
Sometimes adding a little padding or margin around the main image content within the PNG can help Wix avoid clipping important parts.
If you’re comfortable with Velo, you could add custom code to control image sizing or replace the card images dynamically for better responsiveness.
Thank you! I am open to trying Velo, as anything I can control programmatically is more transparent. How do I access the plan card image object through Velo?
I also struggle with this.
Playing around with the “Settings” → “Layout” → “Image Height” might helps to get a better fit of the image, but still not very convincing.
