‘Add to cart buttons’ AND Price tag on the same lines Woocommerce with OceanWP

Hello,

Add the below code to the Customize > Custom CSS section and clear cache to see the changes –

.woocommerce ul.products li.product li.title a {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
}

You are a HERO!! Many, many thanks ?? ??

You’re welcome!

One more thing… I’ve added a discount price, it’s not aligned anymore:
https://beautiful-hummingbird.w5.wpsandbox.pro/

And when I hovered the discount price after inserting your code, the star rating was hidden behind, so I deactivated the rating and then it becomes totally blank when hovering now. Why?

Thanks again!! ??

/mattias

Use the below code instead of the previous one and let me know it fixes the alignment issue or not –

.woocommerce ul.products li.product li.title a, .woocommerce ul.products li.product li.inner {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
}

Also, try to add some rating and let me know. I don’t think the above code is creating this issue. Does the rating works without the code I gave you?

Thanks again! ‘Add to cart’ buttons are align but hovering the discount price still makes it invisible as you can see…

Does it work without the codes I gave you? Did you add some review for the product?

Sorry for late reply, I’ve been away from home a lot… I lost my site cause it was just a test site, but thank you so much for the first solutions ?? ??