• Resolved ilan76

    (@ilan76)


    Hi, I want to add the button to be inline with the field (same row).

    I found this code snippet:

    #forminator-module-2607 .forminator-row:nth-child(2) {
    	margin-right: 0;
    }
    #forminator-module-2607 button#forminator-submit {
    	width: 100%;
    	display: block;
    }
    #forminator-module-2607 #submit {
    	display: block;
    }
    @media only screen and (min-width: 783px) {
    	#forminator-module-2607 .forminator-row:nth-child(2) {
    		float: left;
    		width: calc(100% - 140px);
    		margin-right: 2px;
    		display: inline-block;
    	}
    	#forminator-module-2607 #submit {
    		display: inline-block;
    	}
    }

    This code works but the button is not exactly aligned with the input field, it slightly above (and right margin) from the row.

    Is there a better/updated code for this?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @ilan76 ,

    Please try adding this line to the above code:

    #forminator-module-2607 .forminator-button-submit {
    float: right;
    margin-right: -12px;
    margin-top: 20px;
    }

    you might need to adjust the values to fit your site.

    kind regards,
    Kasia

    Thread Starter ilan76

    (@ilan76)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inline button with field’ is closed to new replies.