Customising page padding in woocommerce cart, checkout pages

  • Hi,

    My current woocommerce cart and checkout pages (that are not editable in elementor pro) is stretched out to the fullest wifth.

    Does anyone knows how i can edit the page / content padding?
    On all three views? Computer, tablet and mobile?

    Alternatively, i created woocommerce templates but i have no idea how to apply the templates onto the woocommerce pages.

    Thanks, appreciate the help.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter ahgirlflowershop

    (@ahgirlflowershop)

    Hi all,

    ok this is weird but somehow, my edits in elementor can be seen from the front end now.

    I do still have a small problem – I’m unable to edit the size of the buttons and the ‘coupon code field’ and ‘add coupon’ button overlaps each other in the mobile viewing mode.

    Any way to fix that?

    Thanks, appreciate the help.

    Hi @ahgirlflowershop,

    I would check with your theme’s author/support or Elementor’s support.

    In the meantime, you can try this CSS, which worked for me.

    
@media screen and (max-width: 767.998px) {

    .coupon .button {
     width: 100% !important;
    }

    #coupon_code {
        width: 100% !important;
        margin-bottom: 1rem;
    }

}
    • This reply was modified 4 years, 8 months ago by Yui.
    • This reply was modified 4 years, 8 months ago by Yui. Reason: link removed
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customising page padding in woocommerce cart, checkout pages’ is closed to new replies.