WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. WyethKillip
    Member
    Posted 1 year 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?

    http://wordpress.org/extend/plugins/woocommerce/

  2. jameskoster
    Member
    Plugin Author

    Posted 1 year ago #

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

  3. WyethKillip
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

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

    http://tools.pingdom.com/fpt/#!/ehAMYE/http://eyeparty.net/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic