How to make WooCommerce product image and headline align next to each other

[playandco]

Currently using Pro + WooCommerce. I’m showing some products on my homepage using the [product_categories] shortcode, and by default, the image is on top and headline is bottom. Is there some way I can get these to display next to each other so the headline is left and image is right?

I’ve tried using flexbox on nearly every element in the code, along with various other commands, but can’t seem to get it to work like I want. URL in secure note.

[nabeel]

Hi there,

Thanks for writing around! I checked your homepage, as per the structure of woocommerece products what you can do is, you can display the image to the left and title to the right by adding the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.home .woocommerce .product-category.product a * {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}

Hope this helps!