Product Images not aligned correctly

Hey,
Glad to like the plugin.

Are you wanting the image to be beside the Product title?

You can add this into the custom styles box:

table.td tr.order_item .td img {
    display: inline;
}

Ben

Hey Ben,

Thanks for the fast response!

I used your CSS and the following happens:

View post on imgur.com

The text isn’t in the middle of the cell. I would like the text to be in the middle like the prices are. Thanks again.

ok for that you can use this css:

table.td tr.order_item .td img {
    display: inline-block;
    vertical-align: middle;
   padding-right:5px;
}

Ben

Ben,

Omg I was about to pull my hair out. Thank you so much, it worked perfectly!

My products were lined up perfectly. It could be an update that messed them up but all of a sudden the were all justified to the left with 1 product per row. The type is huge too.

I went to appearance, customize and additional CSS and put this in.

ul.products {
display: flex;
flex-wrap: wrap;
}

@media (min-width: 981px) {
.et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n) {
margin-right: 0;
}
}

Now I have some that are 2 products across but it is still a mess. Any thoughts on this?

Hey @gr8jeweler I have a feeling this doesn’t have to do with the Kadence woocommerce email designer. Your css seems more for the front end of a site. I suggest using the support forms for the theme which you are using.

Let me know

Ben