Dropdown and text box sizes difference

Resolved matplat
(@matplat)

4 years ago

Hi,
for some time I’m using your (awesome) plugin to create custom register/login/account setting pages.
I’m trying to use both dropdowns and text boxes in one line (two columns). They’re shown based on user input to another Number box.
The point is, size of box of dropdown and text box differ. Therefore, when having more dropdowns and text boxes in two columns, they’re not aligned with each other.
Is there a simple way to adjust dropdown’s box size to be compliant with text box?

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

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

Plugin Support Aswin Giri
(@aswingiri)

4 years ago

Hello @matplat

Can you please share a screenshot of the issue so that it’s easier for everyone to understand it better?

Thread Starter matplat
(@matplat)

4 years ago

Hi @aswingiri , thanks for the response

Here are screenshots of both form builder

and on the page

Thread Starter matplat
(@matplat)

4 years ago

Hi @aswingiri
I hope everything is clear and images make it easier to understand.
But basically, what I need, is to have same size box for dropdown and text box. So in two column layout I expect them to be aligned properly (white box to enter data is on the same height).

Looking forward for any response and help with that.
Plugin Support Aswin Giri
(@aswingiri)

4 years ago
Hello @matplat

Looks like there is extra space added under textbox. You can try adding some custom css. You can try following CSS:
```
.um-profile-body input[type="text"].um-form-field {
    margin-bottom:0;
}
```
You can add it to wp-admin > appreance > customize > additional CSS
Thread Starter matplat
(@matplat)

4 years ago

Hi @aswingiri
Thanks for the explanation. I expected something similar. However, I tried your suggested CSS, but it didn’t work for me.

May I ask for some more help? I’m not so good in CSS, and I don’t want to get deep down into UM files
Plugin Support Aswin Giri
(@aswingiri)

4 years ago
Hello @matplat

Please try this:
```
.um-profile-body input[type="text"].um-form-field {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
```
UM itself does not have any styling that makes dropdown and textbox uneven. So, it’s possibly coming from your theme. I won’t be able to give you the exact CSS as I am not sure what is the actual issue. If you know how to inspect elements on a console, you can check it.
Thread Starter matplat
(@matplat)

4 years ago

Hi @aswingiri
unfortunatelly that code didn’t help either.

Hard to say what’s the reason in this, but I came up with some workaround.

Tanks for your help!

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

The topic ‘Dropdown and text box sizes difference’ is closed to new replies.

Tags