Correct Catalog Overview Image Height

Hello davidschwartzer,

Like you said, the issue occurs due to the varying length of images that you use for the categories. You can fix the height of the categories element using the following CSS in the Custom CSS box in the selected Catalogue under the Catalogues Tab in the plugin Dashboard(try different heights depending on your requirements):

.upcp-overview-mode-item{
height: 300px;
}

Please keep in mind that you should also try and use similar size images in order to display them properly in a fixed height element(For the last image after applying CSS).

Thank you. That worded perfectly. I will play with the height value but it looks like 250 may be good. I also need to replace some of the images but this coded did exactly what I was hoping.

By chance, do you have any kind of reference sheet with the various css classes, that you can share so we can try to make adjustments on our own?

Regards,

David

Hi David,

We don’t have any kind of reference sheet like that. Your best bet would be to right click on the element you want to modify and click Inspect (or Inspect Element) and it will show you what the ID or class is of that element, which you could then use in your custom CSS.