Title: Checkout – Variations Alignment
Last modified: October 29, 2022

---

# Checkout – Variations Alignment

 *  Resolved [roycedigital](https://wordpress.org/support/users/roycedigital/)
 * (@roycedigital)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/)
 * Hi,
 * I have a problem with the alignment of varations in checkout.
    Here you can see
   the Problem on the screenshot. [Screenshot](https://notyourbabe.de/wp-content/uploads/2022/10/Bildschirmfoto-2022-10-29-um-12.21.53.png)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcheckout-variations-alignment%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Tanvir Islam](https://wordpress.org/support/users/stripetester/)
 * (@stripetester)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/#post-16149013)
 * 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](https://wordpress.org/support/users/stripetester/)
 * (@stripetester)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/#post-16149675)
 * 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](https://wordpress.org/support/users/prosenjitbarman/)
 * (@prosenjitbarman)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/#post-16194588)
 * Hello [@roycedigital](https://wordpress.org/support/users/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](https://wordpress.org/support/users/roycedigital/)
 * (@roycedigital)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/#post-16207447)
 * 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
    -  This reply was modified 3 years, 6 months ago by [roycedigital](https://wordpress.org/support/users/roycedigital/).
    -  This reply was modified 3 years, 6 months ago by [roycedigital](https://wordpress.org/support/users/roycedigital/).
    -  This reply was modified 3 years, 6 months ago by [roycedigital](https://wordpress.org/support/users/roycedigital/).
    -  This reply was modified 3 years, 6 months ago by [roycedigital](https://wordpress.org/support/users/roycedigital/).
 *  Thread Starter [roycedigital](https://wordpress.org/support/users/roycedigital/)
 * (@roycedigital)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/#post-16224673)
 * 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/](https://notyourbabe.de/checkout-neu/)
   
   Here you can find a Screenshot: [Here](https://notyourbabe.de/wp-content/uploads/2022/11/396507AA-8E44-4B7F-A3B6-21EA4FAB5843.png)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Checkout – Variations Alignment’ is closed to new replies.

 * ![](https://ps.w.org/shopengine/assets/icon-256x256.gif?rev=2505061)
 * [ShopEngine Elementor WooCommerce Builder Addon – All in One WooCommerce Solution](https://wordpress.org/plugins/shopengine/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shopengine/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shopengine/)
 * [Active Topics](https://wordpress.org/support/plugin/shopengine/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shopengine/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shopengine/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [roycedigital](https://wordpress.org/support/users/roycedigital/)
 * Last activity: [3 years, 6 months ago](https://wordpress.org/support/topic/checkout-variations-alignment/#post-16224673)
 * Status: resolved