SVG Image in Icon Box Renders Too Large - No Option to Resize
Hi BeTheme Support,
I'm running into an issue with the Icon Box element in the Business 7 theme. When I upload and assign an SVG file using the "Image" field, it displays far too large on the front end. I don't see any settings in the Icon Box block to control the image dimensions.
Issue Summary:
- I’m using the “Image” field in the Icon Box block to display a custom SVG.
- The SVG appears on the site, but it renders extremely large.
- There’s no built-in width or size control in the block for the image.
- I need the SVG to behave like a standard icon (e.g., around 40-60px wide), but can’t find a reliable way to resize it.
What I Need Help With:
- Is there a built-in method to control the size of an SVG used as an image in an Icon Box?
- If not, what is the recommended approach for inserting and properly scaling custom SVG icons in Icon Boxes?
Thank you for your guidance on this - looking forward to your suggestions.
Best regards,
Casp
Comments
Hi,
Go to the Style tab of the Icon Box element, and in the Icon wrapper, you can adjust the image width:
Best regards