Caldera form fields not lining up

  • Resolved rmniemela

    (@rmniemela)


    7 years, 4 months ago

    I am having problems with Caldera forms on the Reach theme. It looks like the Reach theme is not compatible with it? That’s really strange because it’s a very popular form plugin. I’m familiar with this contact form plugin and would prefer to use it.

    I’m using the Caldera default email template which displays fine on other themes.

    Initially, the email field was two lines in height while the other single-line text fields (first and last name) showed ok with only one line in height. I was able to force the one line with the css code
    .caldera-grid .form-control{
    height: 24px;
    }

    But I can’t get the comments/question field to display across the whole page. It insists on displaying only in 1/3 of the area. Any insight on what ccs code I could use to force it to display across the page. It looks good in build mode, but not in display mode.

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

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

  • Hi @rmniemela,

    Hmm, it looks like we’re currently setting a max-width of 300px on all textareas. I’m not sure why; will have to investigate that further.

    In the meantime, you can overcome this problem with this:

    textarea {
    max-width: 100%;
}

    Cheers,
    Eric

    Thread Starter rmniemela

    (@rmniemela)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Caldera form fields not lining up’ is closed to new replies.