cancel
Showing results for 
Search instead for 
Did you mean: 

Rescaling image on homepage using Ap Suppre theme

Rescaling image on homepage using Ap Suppre theme

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.

1 REPLY 1

Re: Rescaling image on homepage using Ap Suppre theme

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