Checkout – Variations Alignment

  • Resolved roycedigital

    (@roycedigital)


    2 years ago

    Hi,

    I have a problem with the alignment of varations in checkout.
    Here you can see the Problem on the screenshot.
    Screenshot

    I want to have size and colour underneath the product name. And i want “Size: S” (eg) in a row not underneath. And same with the colour.

    And same alignment like the product title (left).

    Could you help me?

    Regards
    Julia

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Tanvir Islam

    (@stripetester)

    Hello Julia,

    Thanks for contacting ShopEngine Support.

    You can align it left by adding the below CSS in Appearance > Customize > Additional CSS . You can also increase/decrease the margin-top and left according to your needs.

    dl.variation {
    position: absolute;
    margin-top: 10%;
    left: 15%;
}

    Hopefully, the issue will be solved right after that. But, if you need any further assistance in this matter, please let me know. I will be happy to assist you.

    Regards
    Tanvir

    Tanvir Islam

    (@stripetester)

    However, please ignore the previous code because that may cause changes to cart page too. use the below code that will work specifically for checkout page

    .shopengine-checkout-review-order dl.variation {
    position: absolute;
    margin-top: 10%;
    left: 15%;
}

    Regards
    Tanvir

    Prosenjit Barman

    (@prosenjitbarman)

    Hello @roycedigital ,
    I hope you’re doing fine.

    We haven’t received any update from you till the last response sent from us and we’re assuming that the issue is resolved now. For that reason, this thread has been marked as resolved.

    But, if you ever need any assistance from us, feel free to create a new support thread. We will be happy to assist you.

    Best Regards,
    Prosenjit

    Thread Starter roycedigital

    (@roycedigital)

    Hi Prosenjit,

    thanks a lot for your help. Now it works ??

    But i have a further problem.

    Is there a possibility to add payment icons to the payment section? Not just the words?

    Regards
    Julia

    Thread Starter roycedigital

    (@roycedigital)

    Hello,

    I still have a problem with the alignment on checkout.
    On desktop it works but it doesn‘t Look good on mobile especially when the product Title is a Little bit longer.

    You can See it on the Website (cart)

    https://notyourbabe.de/checkout-neu/
    Here you can find a Screenshot: Here

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Checkout – Variations Alignment’ is closed to new replies.