Return to previous page

CSS Issue on variation attributes on cart page and cart widget

This topic has 2 replies, 2 voices, and was last updated 8 years, 1 months ago ago by Robert Hall

mbagri

Participant

March 21, 2016 at 23:33

Hello,

the attributes from choosen product variations are shown not correctly on cart page and cart widget. The dividing slash “/” is on not on the correct position and causes a wrong display of the following attributes.

Copied Theme version: 2.11 WooCommerce version: 2.5.5

1 Answer

Robert Hall

Support staff

March 22, 2016 at 08:55

Hello,

I’ve added the following code in Child Theme. Please check the issue now.

.products-small .product-item .variation dd:nth-child(2n):after {
    content: " /";
    position: absolute;
    right: -5px;
    top: 0;
}
.products-small .product-item .variation dd{
    position:relative;
    display:inline-block;
}
.shop_table .product-name dl dd{
    position:relative;
}
.woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd {
    margin: 2px 0 .25em;
}
.shop_table .product-name dl dd:after {
    content: "/";
    float: right;
    margin-left: 5px;
    position: absolute;
    top: 0;
    right: -5px;
}
.products-small .product-item .variation dd:last-child:after{
   display:none;
}

Regards,
Robert Hall

Copied