Navigation
Archive / Woocommerce Checkout form Funky
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 25, 2017 at 10:00 am #1344857
    jessica
    Participant

    Please look at the attached checkout forms (mobile and desktop). There’s no space between the boxes, the sizing is weird. It looks terrible. What’s going on?

    January 25, 2017 at 10:01 am #1344861
    jessica
    Participant
    This reply has been marked as private.
    January 25, 2017 at 10:06 am #1344870
    jessica
    Participant

    I tried eliminating all my custom code and it still displays like this. I’m guessing it has something to do with the theme? I know this isn’t how woocommerce designed it.
    Please let me know how i can fix the spacing. Thanks

    January 25, 2017 at 11:28 am #1345005
    Thai
    Moderator

    Hi There,

    Could you please downgrade the WooCommerce to 2.6.9 version?

    X is compatible with the 2.6.9 version only: https://downloads.wordpress.org/plugin/woocommerce.2.6.9.zip.

    https://community.theme.co/kb/version-compatibility/

    Thanks.

    February 1, 2017 at 4:10 pm #1354331
    jessica
    Participant

    I downgraded to 2.9, but I’m still seeing the same problems in the checkout. I’m also seeing the add to cart button show up in a very strange place upon hover. See attached 2 screenshots. Please help.

    February 1, 2017 at 11:50 pm #1354803
    Rad
    Moderator

    Hi there,

    It’s because of this custom CSS

    p {
    margin: 0 !important;
}

    And it overrides all the CSS related to <p></p>. You should be specific to which your CSS should be applied by using ID/Class selectors. Please change it or remove it.

    Thanks!

    February 2, 2017 at 9:11 am #1355289
    jessica
    Participant

    Thanks!

    February 2, 2017 at 9:38 am #1355332
    jessica
    Participant

    The cart button is still funky on the /shop page. Check out this screenshot: http://prnt.sc/e3lznf

    February 2, 2017 at 1:01 pm #1355553
    Nabeel A
    Moderator

    Hi again,

    To fix the button positioning, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .woocommerce.archive li.product .entry-header .button {
    top: -43px !important;
}

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1344857 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>