Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 9, 2018 at 8:52 pm #924722
    alexanderduenchem

    Howdy guys,
    I’m trying to get a more modern look on the cart page of enfold.
    I just can not help my self to get the cart-table and the cart-collaterals beside each other (like on the cartpage of FLATSOME-Theme

    Tried it with max-widhts and floats of the div “.cart-collaterals” and the form “.woocommerce-cart-form” but i just cant get it to work.

    Please send me a CSS-God who can help me out.

    Site is running locally so maybe you just try it out on a demoshop-page of enfold.

    Thank you

    March 9, 2018 at 9:03 pm #924725
    Kahil

    have a link to view?

    March 9, 2018 at 9:05 pm #924727
    alexanderduenchem

    Site is running local Kahil,

    Home

    “Buy” a product, show the cart and here we go.

    March 9, 2018 at 10:45 pm #924783
    Kahil

    I’m not sure what you’re referring to here. For me, whatever is attached in your post shows nothing. I see a header, but nothing else. The iframe doesn’t seem to load everything in these forums. Wanna try a screenshot maybe?

    Kinda hard to give a fix without a live version since it seems to sound like a CSS issue that can fix it.

    March 9, 2018 at 11:41 pm #924793
    alexanderduenchem

    Kahil, the link is the link of the shop demo of enfold…

    I’ll attach a photo so you know what i mean..

    You don’t need my live version because I guess its all the same code on all enfold cart pages…Plus its not a real an issue. It’s about a styling of the cart page.

    What it actually looks like in enfold (standard!)

    View post on imgur.com

    What i want it to look like:

    View post on imgur.com

    Thank you

    March 10, 2018 at 11:11 pm #925082
    Basilis

    Hi,

    First of all, sorry for not replying to facebook :)

    I manage to do it, but only by editing also the template file, and moving the cart INSIDE the top div.
    My code also includes to make the width of the divs as percentage ( example: width: 70%; )

    Could you also edit the template files or that is not a possibility?

    Best regards,
    Basilis

    March 11, 2018 at 6:12 pm #925229
    alexanderduenchem

    Hi Basilis,

    thanks for your reply! This would be a possibility, but would it not be lost again after every update?

    Best Regards.

    March 13, 2018 at 8:16 pm #926217
    alexanderduenchem

    “I am a reminder” :D

    Thanks

    March 14, 2018 at 7:54 am #926459
    Ismael

    Hi,

    I’m sorry for the late response. Please use the following css codes to adjust the width of the tables.

    #top .woocommerce-cart-form {
    width: 60%;
    float: left;
    margin-right: 5%;
}

#top .cart-collaterals {
    width: 35%;
}

    Adjust the css values as needed. Don’t forget to resave the theme options to regenerate the stylesheets.

    Best regards,
    Ismael

    March 14, 2018 at 10:44 am #926535
    alexanderduenchem

    You are my Hero Ismael!

    Thank you so much! =)

    March 16, 2018 at 3:18 am #927849
    Ismael

    Hi,

    Awesome. Glad we could help! :)
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold!

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Woocommerce Cart Page: Cart-Table next to Cart-Totals/Collaterals’ is closed to new replies.