Support » Plugins and Hacks » WooCommerce » WooCommerce checkout button on mouseover only partially works

WooCommerce checkout button on mouseover only partially works

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author James Koster


    Getting a 500 server error at your site at the moment 🙁

    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!!!

    Roy Ho


    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; }

    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!

    Roy Ho


    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.

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


Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WooCommerce checkout button on mouseover only partially works’ is closed to new replies.
Skip to toolbar