Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
EvilMime

Amazon Block Alignment Issue

Recommended Posts

Site URL: https://www.helgaspetgrooming.com/our-tools

Hey all,

Any of you happen to have any ideas on how I can make these products all line up so they are all the same height?

 

Site: https://www.helgaspetgrooming.com/our-tools

Password: brady

 

The Amazon Block does not allow you to resize the image nor the block height.

I called customer service and they said the size is based on the Amazon image for the product and referred me here for additional help.

Seems like the SquareSpace coders could implement a resizing image slider option or a handle at the base of the block to resize it up.

It pains me that the only part of my site that looks ugly is this page.

Any help to make this look cleaner would be greatly appreciated.

Thanks in advance.

Kev

Screen Shot 2020-03-16 at 3.03.39 PM.png

Share this post


Link to post

I think you should change to 3-4 products/row

or

increase width, reduce font size, button size... Add to Home > design > Custom CSS

/* product name */
div#page-section-5e3495020b03e63e47d317e6 .product-title {
    font-size: 16px;
}
/* button style */
div#page-section-5e3495020b03e63e47d317e6 a.buy-button input {
    font-size: 12px !important;
    padding: 10px;
}
/* limit image height */
div#page-section-5e3495020b03e63e47d317e6 .image-container {
    max-height: 130px;
    overflow: hidden;
}
/* equal title height */
@media screen and (min-width:768px) {
div#page-section-5e3495020b03e63e47d317e6 .product-title {
    min-height: 130px;
}
}
/* increase products container width */
[data-section-id="5e3495020b03e63e47d317e6"] .content {
    width: 90% !important;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...