Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 19, 2018 at 3:57 am #943856
    nickgin

    Hi Sirs,

    I have used the code below to customize the cart page: I would like the cart totals to be besides the cart items (a little bit lower than the place that it is right now in the screenshot) and the title of cross-selling products to be above the cross-selling products, as shown in the screenshot:

    https://prnt.sc/j75qo0

    #top .cart-collaterals .cart_totals {
    float: right;
    }
    #top .woocommerce-cart-form {
    width: 70%;
    float: left;
    }
    #top .cart-collaterals {
    width: 30%;
    }
    .cart-collaterals .cart_totals {
    float: right;
    width: 98%;
    text-align: right;
    }

    I am looking forward to your answer.

    Best regards,
    Nick

    April 19, 2018 at 11:11 am #944030
    Nikko

    Hey Nick,

    Can you post a link to your site? so we can take a closer look and try to give you css code that should work.
    You can post the link in private content, to make it only visible to the moderators.

    Best regards,
    Nikko

    April 19, 2018 at 1:10 pm #944084
    nickgin

    Hey Nikko,

    I really appreciate your support! Thank you so much!

    You are an excellent team!!

    Best regards,
    Nick

    April 20, 2018 at 5:00 pm #944635
    Nikko

    Hi Nick,

    Sorry for the late response, and thanks for your kind words. Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.woocommerce-cart .entry-content .woocommerce {
    position: relative;
    min-height: 334px;
}

#top.woocommerce-cart .entry-content .woocommerce .cross-sells {
    clear: both;
}

#top.woocommerce-cart .entry-content .woocommerce .cart-collaterals {
    position: absolute;
    right: 0;
    bottom: 107px;
}

    Hope this helps :)

    Best regards,
    Nikko

    April 21, 2018 at 5:21 pm #944928
    nickgin

    Hi Nikko,

    Thank you so much for your support.

    Your snippet code worked, but we have two side effects..

    Screenshot: https://prnt.sc/j898r9

    I am looking forward to your help.

    Best regards,
    Nick

    April 23, 2018 at 3:23 am #945187
    Nikko

    Hi Nick,

    I see, I’m sorry for that mistake, please change this code I gave:

    #top.woocommerce-cart .entry-content .woocommerce {
    position: relative;
    min-height: 334px;
}

    to:

    #top.woocommerce-cart .entry-content > .woocommerce {
    position: relative;
    min-height: 334px;
}

    Hope this helps :)

    Best regards,
    Nikko

    April 26, 2018 at 3:19 am #947014
    nickgin

    Hi Nikko,

    Your snippet worked!!!

    You are a really great developer!!! Thank soooo much!!!

    You can close this ticket.

    Best regards,
    Nick

    April 26, 2018 at 4:11 am #947038
    Nikko

    Hi Nick,

    Thanks for your kind words, we appreciate it a lot :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Cart page customization’ is closed to new replies.