Rescaling image on homepage using Ap Suppre theme

[sp5darhood7c26]

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.

[johnwebdes40a5]

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

[willyecker69a2]

To rescale the homepage image using the Ap Suppre theme, begin by accessing the theme customization settings within your WordPress dashboard. Locate the "Homepage" or "Hero Section" settings, where the image is displayed. Adjust the image's dimensions either through the provided options or by applying custom CSS in royal dream x8. If the theme supports responsive images, ensure the aspect ratio is maintained for optimal display across different devices.

[edwardlang8c8c]

Great point! When working with themes like App Suppre—especially for a content-rich platform like RedBox TV—rescaling the homepage image is key to creating a strong visual impact. Since redbox live TV emphasizes media content, maintaining proper aspect ratios and responsive design ensures a seamless viewing experience across devices. Customizing through theme settings or CSS allows better control, making sure your visuals stay sharp and engaging without affecting load time or layout integrity.