I'm working on my store https://sp5darhoodies.com and need assistance with rescaling an image on the homepage. I'm using the Ap Suppre theme. The image currently appears too small, and I want to adjust its size without compromising the layout or image quality. Could someone please guide me on how to properly resize this image? Is there a way to do it through the theme settings, or would custom CSS be required? Thank you.
Hello @sp5darhood7c26
Resize via Custom CSS
If the theme doesn’t give you exact control, custom CSS is reliable.
/* Example - Resize a homepage hero image */ .homepage-hero img { width: 100%; /* or any specific size like 800px */ height: auto; /* maintain aspect ratio */ max-width: 1200px; /* limit max size if needed */ display: block; margin: 0 auto; }
Go to Admin:
Content > Design > Configuration > [Your Store View] > Edit
Scroll to HTML Head > "Miscellaneous Scripts" or to Footer > Custom CSS
Paste your CSS (or create a custom CSS file and include it)
Save, then Flush Cache:
Hope it helps !
If you find our reply helpful, please give us kudos.
A Leading Magento Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.
WebDesk Solution Support Team
Get a Free Quote | | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789
Thank You,
WebDesk Solution Support Team
Get a Free Quote | Email | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789
Location: 150 King St. W. Toronto, ON M5H 1J9