Related Products/ Integrity Stack

[fantasy_5]

Hi,

How can I prevent the boxes around related products from appearing like this? I would like for them to remain even no matter how long or short the product title is. It seems that if I have product titles that contain more than three words I do not have this issue.

[ruenel]

Hello @fantasy_5,

Thanks for writing in!

Do you want to display it like this?

The issue is because your product titles are different in height. You will have to set a minimum height for your product titles particularly in the related products. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

This is how it looks like:

Take a look at the containers and therefore your final code could be like this:

.related .product .entry-header h3 {
    min-height: 110px;
}

Feel free to add whatever CSS code you like inside the selector. Be more informed about the minimum height property by checking this article:

• https://www.w3schools.com/cssref/pr_dim_min-height.asp

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

[fantasy_5]

Hi, Ruenel

Thank you so much! This was the look I was hoping for.

[ruenel]

You are most welcome @fantasy_5.