Jump to content

Amazon Product Image (height alignment)

Go to solution Solved by tuanphan,

Recommended Posts

Hi everyone!

I hope you are well. I am a bit stuck at the moment. I am looking for a way to use a custom CSS which will all the Amazon image blocks I'm using to being the same height so that the products all line up.

Currently, Amazon Block only allows you to resize the width. I reached out to customer support and they said the size is based on the Amazon image for the product and they recommended that I reach out to Forums for more assistance on this mater. 

The affected page: www.readersinspired.com/westafrica

Edited by supasmilez
Link to comment
  • 2 months later...
  • Replies 5
  • Views 632
  • Created
  • Last Reply

Top Posters In This Topic

On 3/28/2023 at 1:22 AM, trockdesign said:

I would love a solution to this as well. My product page looks very sloppy because there are no image display options/controls.  Seems like a missed opportunity to get this block functioning more robustly.

If you share link to page where you have problem, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
  • Solution
On 5/26/2023 at 10:55 PM, WebPerson said:

I am trying to resize the Amazon block so that the each Amazon product "card" is consistent height through out. Here is my page:

https://www.discoverufi.org/merchandise

Thank you!

Add to Design > Custom CSS

@media screen and (min-width:992px) {
.product-block .image-container {
    max-height: 300px;
    overflow: hidden;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.