Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Georgian Cocora

    (@raster02)

    Hello @adamholland81,

    It is broken due to this CSS rule:

    .form-submit {
        float: right;
        margin-bottom: 0;
        padding: 0 15px;
    }

    Did you add it ? If so, remove the float part and the button will work correctly.

    Regards.

    Thread Starter adamholland81

    (@adamholland81)

    I’m looking on my /register page and there is no “float” css code on that page. What am I missing here?

    Plugin Author Georgian Cocora

    (@raster02)

    Check your page builder, maybe it’s added in there.
    What I am seeing happening is that you wanted to have the Login link right next to the Register button and you also added that text saying how the registration button doesn’t work using Elementor:

    <div class="elementor-widget-container">
    	<div class="elementor-text-editor elementor-clearfix"><p style="text-align: right;"><a href="http://futuremoney.io/login/">Members Login Here</a></p><p><small>(Note: <span style="color: #ff0000;"><strong>if the button doesn't seem to work</strong></span>, only the top half of the button may be clickable in your browser. Our tech team is working on the problem. Thank you for your patience!)</small></p></div>
    </div>

    Then the float rule is added somewhere for our submit button so they display inline. Appearance -> Customize -> Custom CSS could be the place as well.

    Let me know.

    Regards.

    Thread Starter adamholland81

    (@adamholland81)

    There’s nothing in the page builder with float: right for a form.

    I added that text to help the user figure out how to register while we get this fixed. The button error was also happening before the “Members Login Here” was added too. I removed that text temporarily, and it’s still happening.

    Plugin Author Georgian Cocora

    (@raster02)

    Then it’s your theme I guess, I thought this was intentional so you get it to display better.
    Go to wp-content/themes/style.css line 644 and the rule should be there.

    Don’t modify it there, you can overwrite it:

    .form-submit {
       float: none;
    }

    Add !important if it doesn’t change anything initially.

    Regards.

    Thread Starter adamholland81

    (@adamholland81)

    Added that code to the appearance > customize > custom css and it worked!

    Thank you!

    Thread Starter adamholland81

    (@adamholland81)

    Done

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘button only partially clickable’ is closed to new replies.