Fix alignment in "Related products"

marketingimdex · July 2016

Hello.

I have the current CSS which is meant to affect my product pages and shop pages. but i think they are changing the way the "related products" section looks. Can you please fix it so it doesnt affect the "related products" layout?

.woocommerce .product .product_wrapper .product_image_wrapper {

width: 25% !important;

}

.woocommerce .product div.entry-summary {

width: 70% !important;

}

.woocommerce .product .hover_box_product {

width: 20% !important;

}

.woocommerce .product div.desc {

width: 75% !important;

}

Albert · July 2016

What is affected and where? Could you show us what you mean exactly? And what is the link to page which is "affected" whatever it means.

marketingimdex · July 2016

Hello,

I have attached screenshots below:

http://dev.amcmud.com/wp-content/uploads/2016/07/exampleincorrect.png

http://dev.amcmud.com/wp-content/uploads/2016/07/exampleecorrect.png

Albert · July 2016

Ok, thanks for the explanation. But what's the link of your page where you would like to do those changes?

marketingimdex · July 2016

All product pages, thank you.

Albert · July 2016

We asked, what's the link to such pages?

marketingimdex · July 2016

Hello.

Product Pages such as :

http://dev.amcmud.com/product/amc-aerofoam/

Albert · July 2016

Ok. So to do what you explained on screenshots, please use the following css:

.woocommerce ul.products li.product .desc { padding: 0 !important; }
.woocommerce .product .hover_box_product { width: 100% !important; }

Fix alignment in "Related products"

Comments