Having a consistent size for the fields of my form

[malekalameh]

I'm trying to edit the size of the form fields in this landing page, but I'm facing 2 main issues:

1- The fields are not aligned on the left and right sides

2- The dropdown field height isn't matching the size of the text fields.

https://info.ecomz.com/10-steps-to-create-your-online-store?hs_preview=nqnncoXt-28268743509

Help 🙂

[psdtohubspot]

Hi @malekalameh 

Happy to help here, Actually default styles are added and many !important used I also used to override the styling.


Please add the below-mentioned style's in your form style CSS.

For 2 Column Field

.row-fluid fieldset.form-columns-2 input {
    width: 100%;
}

For Dropdown

body .row-fluid fieldset.form-columns-1 select.hs-input, .row-fluid #hs_cos_wrapper_module_158688952953248 select {
    width: 100%;
    background: #eee url(http://cdn2.hubspot.net/hubfs/2558848/Product-3-Pack/Select%20Arrow%20Small.png) no-repeat!important;
    background-position: center right!important;
    -webkit-appearance: none;
    height: 40px;
}

See attached Screenshot it works for me

Please Accept this Solution if it works for you or feel free to contact me back.
Thanks!
Ajit Kumar

[malekalameh]

Hello Ajit Kumar,

It worked!

Thanks 🙂

[psdtohubspot]

Hi @malekalameh 

you are welcome!

Please accept this solution 



Thanks!
Ajit Kumar