Adjust hight of this comparison table

Shopify Discussion
1

Hello guys, how can I adjust the hight of this comparison table?

NikosBat_0-1737632778581.png
NikosBat_0-1737632778581.png1481×696 93.1 KB

2

Hi @NikosBat

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
@media screen and (min-width: 1024px){
.image-with-text__media-item img {
    height: 300px !important;
    width: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
}

Here is the result:

image_720.png
image_720.png720×368 40.7 KB

I hope thís helps

Best,

Daisy

1 Like
3

Thanks DaisyVo, that solved my problem

4

Hey!
I saw you’re looking for a product comparison app.

Full disclosure, I’m the developer of a new app called Comparely that does exactly this. I built it because I found most existing solutions weren’t very flexible.

With Comparely, you can create a side-by-side comparison table, and the best part is that it’s 100% customizable. You can control all the styles, colors, and (most importantly) you get to choose exactly which product features and attributes you want to show.

It’s designed to be lightweight and easy to set up.

Here’s the link if you want to check it out: https://apps.shopify.com/comparely

Happy to answer any questions you have about it!