AnsweredAssumed Answered

Adjusting form field heights in custom landing page

Question asked by Hannah Sears on Apr 25, 2019
Latest reply on Apr 25, 2019 by Dave Roberts

SUMMARY

We have a custom landing page with a form (Client Survey). The form has 2 comment boxes that should have a taller height than standard fields. The Marketo form is set to show 5 lines, but we're just seeing one and a scroll bar. Which seems hard for users to deal with.

 

I think we force form field height on our LP template with the following code:

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {

/* float: left !important; */

max-width:none !important;

padding-left: 3% !important;

height: 40px !important;

background: white !important;

border: 1px solid #e3e3e3 !important;

border-radius: 3px !important;

color: #686d73!important;

font-family: "RadnikaNext", "Arial", sans-serif !important;

font-size:16px; !important;

/* width:70% !important; */

 

Can we modify these options to support some taller fields or are there other solutions? We do this on another form on the footer of our main site (not a Marketo page). See the homepage .

 

NOTE: It's also unclear on why the first long q text is styled different than the other form field labels.

Outcomes