How do I make only the request box smaller and not the listing box?

Hi, I am using the below CSS code snippet to make my listing boxes’ height 20rem. However, it makes then the request listings boxes too big. Do you have a separate CSS code snippet that I can use that will make the request listing boxes smaller without it effecting the listing boxes’ size (which is the perfect size now)?

.hp-listing--view-block .hp-listing__content {
	height: 20rem;
}

Please try using the .hp-request--view-block CSS class instead.

1 Like

Is this css code correct?

.hp-request--view-block {
	min-height: 5rem;
	overflow: hidden;
	height: 5rem !important;
}

It seems as the request block stays the same height with white space inside of it.

Yes, it seems to be ok. The snippet you posted sets the minimum height regardless of the inner content.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.