check button & label in one line but not centered

  • Resolved markvanessen86

    (@markvanessen86)


    8 years, 9 months ago

    Hi There,

    As you can see on my website http://www.thetransformcode.nl I managed to get my label and check button on the same line BUT I want the check button to be as large as my label or at least centered in the middle. I cant resolve this problem.

    Is there anyone who can help me out with this one?

    Thanks in advance!

    Kind regards, Mark van Essen

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    8 years, 9 months ago

    Hi Mark van Essen,

    Are you referring to the form in your site’s footer? You’d like the submit button to be level and the same size as the email address field?

    Let me know!

    Cheers,
    Kevin.

    Thread Starter markvanessen86

    (@markvanessen86)

    8 years, 9 months ago

    Hi Kevin!

    Yes, that’s exactly what I mean.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    8 years, 9 months ago

    I understand. We have a known issue with the inline field that we haven’t been able to fix. This is what’s happening affecting your site.

    In order to change the style of the submit button we’ll need to use custom CSS.

    This CSS should set the submit button on the same level as the form:

    .submit-button-inline-label {
    margin-top: -15px;
}

    Now we can set the width too but there is another issue: your social icons container is actually covering 50% of your footer width. If we set the submit button to the same width as the input field, only the left side of the submit button will be clickable. Does that make sense?

    If you need any help with adding custom CSS let me know.

    Cheers,
    Kevin.

    Thread Starter markvanessen86

    (@markvanessen86)

    8 years, 9 months ago

    Perfect! Thanks for your help and quick response! There is no need to set the width, so don’t worry about that.

    Many thanks!

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    8 years, 9 months ago

    Hey no problem 🙂

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

The topic ‘check button & label in one line but not centered’ is closed to new replies.