Cross sell as product page

[stekats]

Hello I would like to make the cross sell items to be like the product ones see the pictures attached. I have the css for the products but I don’t know how to make it for the cross sells also.
You can see the example if you add to cart this product: https://www.aquantum.gr/shop/amethyst-aixmi/
product items:

cross sells:

[prakash_s]

Hello Stella,

Thanks for writing to us.

To achieve the product page design on the cross-sale product. You need to add this custom CSS code under X/Pro —>Theme option —>CSS

.woocommerce-cart.woocommerce-page.woocommerce-js.x-ethos .cross-sells li.product .entry-wrap {
  position: relative;
  top: auto;
  left: auto;
  opacity: 0.8;
}

The output of this code

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[stekats]

Thank you Prakash, that worked perfectly!

[prakash_s]

Hello Stella,

Glad that we were able to help you. Please feel free to reach us if you have any query regarding our theme and theme settings.

Have a great day!
Thanks