This can be done using a custom css plugin
Try adding this code to the plugin once it had been installed:
.product_item .product_details h5 {
min-height: 20px;
}
Hi there!
In the example given you could try altering this code:
.product_item .product_details h5 {
min-height: 35px;
}
The min-height was previously set to 120px.
You have two options when using this code:
#1 Use a plugin like Simple Custom CSS and paste the code in there.
or
#2 If you are planning on making a number of changes create a child theme and paste the code in the child theme’s style.css file.
I hope that helps!
Luke the Daft Duke
Thread Starter
DorisB
(@dorisb)
I added the code but it did not work. I was able to change the Product Title Min Height to 40 in the theme options and it worked.
I would still like to increase the white space between shop product rows.
Hey,
Try this in the theme options > advanced settings, custom css box:
.products div.product {
margin: 0 0 40px;
}
Kadence Themes
Thread Starter
DorisB
(@dorisb)
Thank you!!! That worked!