Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 16, 2017 at 1:51 am #864604
    AusWeb

    Hi there, we are wanting to change the location of the product cross-sells on the WooCommerce cart page, so they appear in the same position as below:

    Cross-sells

    How can we do this please?

    October 16, 2017 at 3:44 pm #864855
    Victoria

    Hey xansdesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 990px) {
.cart-collaterals .cart_totals {
    width: 100%;
}
.cart-collaterals {
    float: right;
    width: 40%;
}

.cross-sells {
    padding-top: 0px;
     margin-top: 0px;
     border: none;
     width: 60%;
    float: left;
}

div.cross-sells .products .product {
    width: 45%;
}

#top form.woocommerce-cart-form {
    margin-bottom: 65px;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 17, 2017 at 1:51 am #865050
    AusWeb

    Amazing – thank you :) Is there a way to make it appear above the cart totals on mobile?

    October 18, 2017 at 4:52 pm #865811
    Victoria

    Hi xansdesign,

    I do not see the cross-sells anymore. Did you disable them? Or which product should I check?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.