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


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.