Resize input field

  • Resolved artwotie

    (@artwotie)


    7 years, 2 months ago

    Hello, I try to change the height of the inputfields.
    I use the following to resize the part with the icon in it, that works:

    .fca_eoi_layout_name_field_wrapper {
    height: 30px!important;
    }

    The following to resize the inner part, but it stays the same height, I can however increase the height, but not decrease it:

    .fca_eoi_layout_email_field_inner {
    height: 30px!important;
    }

    Same for the button, can increase it, but not decrease it.
    Can someone help me out?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author fatcatapps

    (@fatcatapps)

    Hello there,

    Can you provide us the URL to the webpage where your optin form in question is deployed so that we can inspect it and provide general on what to do?

    Thanks.

    Thread Starter artwotie

    (@artwotie)

    Created a test page:

    https://www.kravmagavlaardingen.nl/nieuwsbrief-test/

    resized the wrapper and inner, this is the result, the inner wont resize

    Plugin Author fatcatapps

    (@fatcatapps)

    Hello there,

    Please use this CSS code to adjust the height of inner elements of the form.

    #fca_eoi_form_1103 form input[type=”text”], #fca_eoi_form_1103 form input[type=”email”]{
    min-height:20px;
    }

    Please note that this code will work for the particular form you linked only and if you wan to make it work with other forms, you would need to change the form id in the CSS selectors.

    Thanks.

    Thread Starter artwotie

    (@artwotie)

    Thanks for your reply, but i have no luck with the css you gave me, nothing happens.

    Plugin Author fatcatapps

    (@fatcatapps)

    Hello there,

    I think I have found out why the CSS is not working on your end.

    Looks like the WordPress Forum Replaces double quotes to its own format in the code I have given. So please use this code and replace the double quotes in the [type=”text”] and [type=”email”].

    I have wrapped it in the code structure here below so hopefully it will work now. Pleasde use this cod instead:

    #fca_eoi_form_1103 form input[type="text"], #fca_eoi_form_1103 form input[type="email"]{
min-height:20px;
}

    Thanks.

    • This reply was modified 7 years, 2 months ago by fatcatapps.
    • This reply was modified 7 years, 2 months ago by fatcatapps.
    Thread Starter artwotie

    (@artwotie)

    Thanks a lot, that did the trick, thumbs up!

    Hello,
    I have installed the pugin optin cat and it’s working well ??
    The only thing is that I’d like to resize it in order to be aligned with the rest of the side bar. Please check here: https://biblioteca.med.up.pt/wordpress/
    I know I’ll have to add/change some CSS code, but where?
    Thank you for any help! ;D

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Resize input field’ is closed to new replies.

Tags