Input fields not full width

  • Resolved ingeklikt

    (@ingeklikt)


    6 years, 9 months ago

    The input fields of my forms aren’t full width. Could I please get some help to make them as wide as the button below it? Many thanks in advance!

    The page I need help with: [log in to see the link]

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

    (@yikesitskevin)

    Hi @ingeklikt,

    Are you familiar with adding custom CSS? This CSS will override your theme and set the input fields to full width:

    .yikes-mailchimp-container label {
    width: 100%;
}

.yikes-mailchimp-container label input {
    width: 100%;
}

.yikes-mailchimp-container .EMAIL-label input {
    width: 93%;
}

    Let me know how that goes.

    Cheers,
    Kevin.

    Thread Starter ingeklikt

    (@ingeklikt)

    That did the trick, thanks a lot!

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    You’re welcome ??

    Thread Starter ingeklikt

    (@ingeklikt)

    Ouch one more problem: if a form contains checkboxes, they are centrally aligned ??

    See https://digital-power.com/mkb-ontbijtsessie

    Is there a fix for this too? ??

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Try changing the original CSS I gave you to this.. I forgot that checkboxes were also input fields!

    .yikes-mailchimp-container label {
    width: 100%;
}

.yikes-mailchimp-container label input[type="text"] {
    width: 100%;
}

.yikes-mailchimp-container .EMAIL-label input {
    width: 93%;
}
    Thread Starter ingeklikt

    (@ingeklikt)

    Thanks so much ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Input fields not full width’ is closed to new replies.