change submit button position

  • Resolved Mick37

    (@mick37)


    8 years, 8 months ago

    Hi

    I get in touch earlier, i was looking for help centrally aligning the submit button. You gave me the following css:

    margin: .5em auto 0;

    This worked great.
    I have made a few more tweaks to the style of the form and now the button sits too high up, i.e. i want to move the button down so it is at the bottom of the form in line with the last radio button.
    I have tried amending the margin but the button does not move.
    Can you help?

    my url – https://bit.ly/295IzLg

    thanks….

    https://www.ads-software.com/plugins/yikes-inc-easy-mailchimp-extender/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi there.

    Please try this:

    #yikes-mailchimp-container-1 .field-left-half.MMERGE3-label {
	display: inline-block;
	float: none;
}

#yikes-mailchimp-container-1 .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	display: inline-block;
}

    Let us know how it goes!
    -Tracy

    Thread Starter Mick37

    (@mick37)

    hi Tracy
    Thanks for your help again!

    Weird thing, I have added your CSS. It looks fine on a PC but not on a MAC…?
    On the MAC the submit button is under the radio buttons, on the PC the submit button is to the right of the radio buttons, centrally located, just where I want it to be.

    Any ideas?

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    What web browser, specifically?

    Thread Starter Mick37

    (@mick37)

    chrome on both PC and MAC

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    This is how it looks for me on Chrome: https://cloudup.com/imx4kmhHgSV

    Thread Starter Mick37

    (@mick37)

    hi tracey
    sorry my mistake, i am using chrome on my PC, my colleague is using firefox on her MAC.

    she has checked it on chrome and it looks fine, seems like the issue is on firefox.

    by the way, when i click on the cloudup link you sent, i just get a black screen..

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hello,

    I was able to get a hold of my colleague’s Mac for a moment and I can see the issue on Safari, but I can’t resolve it. Both elements are set to inline-block and no matter how I mess with them, I can’t get them to display horizontally.

    I do not have unlimited time with a Mac at this time to further troubleshoot.

    Thank you,
    -Tracy

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change submit button position’ is closed to new replies.