Featured product image too large

Featured product image too large

TwelveStair
Visitor
2 0 1

Hello, 

 

I am using the focal theme and I have a featured product and no matter how big or small I make the image it displays the same size on the site and it is gigantic. Screenshot 2024-06-15 101619.png

 

 

Is there a way for me to easily change this to a more suitable size. 

 

Thank you in advance!

Replies 5 (5)

suyash1
Shopify Partner
9561 1195 1536

@TwelveStair - can you please share this page link?

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
TwelveStair
Visitor
2 0 1

yes, it is www.twelvestair.com

suyash1
Shopify Partner
9561 1195 1536

@TwelveStair - try solution given by @BSSCommerce-B2B 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

BSSCommerce-B2B
Shopify Partner
565 114 137

Hi @TwelveStair 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

 

.product.product--featured .flickity-viewport,
.product.product--featured .flickity-viewport img {
    max-height: 600px;
}

 

Here is result: 

 

BSSCommerceB2B_2-1718466109944.png

 

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 

 

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

devcoders
Shopify Partner
191 31 48

Hi @TwelveStair 

Go to Online Store, then click on Themes, and select Customize.
Navigate to the Home page, then click Add section -> Featured product.

 

Screenshot :- https://prnt.sc/HPawLP-ls-jI
Screenshot :- https://prnt.sc/W9vau2cjoB4a

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!