WooCommerce checkout button on mouseover only partially works (7 posts)

  1. WyethKillip
    Posted 3 years ago #

    On our site http://www.eyeparty.net when you are on the http://eyeparty.net/checkout/ page and you go to click the blue "Enter credit card info" button near the bottom the button only lets you click the lower 10% of the button. Is there a way to make the entire button active?


  2. James Koster
    Plugin Author

    Posted 3 years ago #

    Getting a 500 server error at your site at the moment :(

  3. WyethKillip
    Posted 3 years ago #

    Oh no!!!! Thanks so much for alerting me to this, spent the day fixing :) Finally fixed now. Had an htaccess issue(still trying to figure out what happened) Anyway, that would be awesome if you have a chance to check out the site again. Thanks!!!

  4. Roy Ho
    Posted 3 years ago #

    This is because the "terms & conditions" P element has a clear:both property and it comes AFTER the purchase button in the DOM and it has a float right property.

    To fix this you would need to float the "terms & conditions" P element to right. This will keep your current design/layout". Use the following.

    .woocommerce .form .form-row.terms { float:right; }
  5. WyethKillip
    Posted 3 years ago #

    Thank you all so much for your replies I really appreciate it!

    @Splashingpixels.com I admittedly I am very new to learning wordpress and woocommerce and I honestly haven't made any edits to the code before. All I have done is what can be accomplished by choosing settings in wordpress and woocommerce. Is this something I can do from within wordpress and woocommerce? Or do I need to open up files via ftp and make edits to the code then put them back via ftp?

    Thanks so much for your help!

  6. Roy Ho
    Posted 3 years ago #

    Yes you need to make an edit to your CSS this CSS must come after the WooCommerce CSS to override it. I can't tell you exactly at this point because every theme is different and have different ways to provide overrides.

  7. TimoVeld
    Posted 3 years ago #

    You might want to spent some time in optimizing your loading times as well


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic