CSS Issue on variation attributes on cart page and cart widget

1 reply2 participantsUpdated by Robert Hall

  • Avatar: mbagri
    mbagri
    Participant

    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.

    Please, contact administrator
    for this information.
    #118350 Copied Theme version: 2.11 WooCommerce version: 2.5.5

    1 Answer

    Avatar: Robert Hall
    Robert Hall
    Participant

    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

    #118364 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register