Fix form fields select bigger than other fields

  • I’m encountering a problem with the form located at the bottom of my website’s pages. The select field in each form consistently appears larger than the other fields, creating an aesthetically unpleasing effect. Despite attempting to rectify this with CSS customization, the issue persists.

    This problem is not isolated to a single page; it occurs on every page where the form is present.

    To see the issue yourself, please visit [my site]

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

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

  • Only form I found is the one with the title “Do you want to manage
    your online reputation?” and its fields are of the same size when I filled these.

    Thread Starter mrwolfap

    (@mrwolfap)

    Hi Heateor, thanks for your reply.

    The form I’m talking about is exactly “Do you want to manage
    your online reputation”. If you scroll to the bottom of https://reputationup.com/ you’ll see that the field select is bigger than the other, it doesn’t have the same height size.

    Oh, I see. It’s related to the line-height CSS property. I tried changing it to 2.2 and it’s having the same height as others.

    Hi @mrwolfap,

    Please add css in your theme

    .elementor-select-wrapper #form-field-interest {
	padding: 0px 14px !important;
}

    Thank You

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fix form fields select bigger than other fields’ is closed to new replies.