Re-align WooCoomerce Product

  • Resolved mindfulloz

    (@mindfulloz)


    5 years, 3 months ago

    Hi Guys!
    Does anyone have an easy fix for the top container of a woocommerce product? I really want the gallery and ‘add to cart’ to be centre aligned or perhaps to add a border or something. It’s so out of alignment with the rest of the page and I cannot figure out how to change it. I am not familiar with code really… Many Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    5 years, 3 months ago

    Hi there!

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
     

    /* Align Summary */
.woocommerce-container .summary-container {
    text-align: center;
}

/*Align Calendar*/
.woocommerce-container .summary .cart {
    align-items: center !important;
} 

     
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Cheers! 🙂

    Thread Starter mindfulloz

    (@mindfulloz)

    5 years, 3 months ago

    You legend. Thank you!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    5 years, 3 months ago

    Happy to help 🙂

    Great! I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Cheers!

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

The topic ‘Re-align WooCoomerce Product’ is closed to new replies.