supasmilez Posted January 12, 2023 Share Posted January 12, 2023 (edited) 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 January 12, 2023 by supasmilez Link to comment
trockdesign Posted March 27, 2023 Share Posted March 27, 2023 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. Link to comment
tuanphan Posted April 2, 2023 Share Posted April 2, 2023 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
WebPerson Posted May 26, 2023 Share Posted May 26, 2023 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! Link to comment
Solution tuanphan Posted May 28, 2023 Solution Share Posted May 28, 2023 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
WebPerson Posted May 31, 2023 Share Posted May 31, 2023 Thank you! That worked great for giving a consistent size image! 👏 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment