Responsive forms input width 100%

Highlighted
Anonymous
Not applicable

Responsive forms input width 100%

I am styling a new Marketo form on a dev site and I can not get the input field to be 100% for the width with the button centered at the bottom.

1 REPLY 1
Highlighted
Anonymous
Not applicable

Re: Responsive forms input width 100%

Contact Us | EXPLORIA RESORTS

Is the dev site page. The form is in the orange box.

.

/* Add your custom CSS below */

.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 textarea.mktoField, .mktoForm select.mktoField {

    width:100% !important;

}

.mktoFormCol, .mktoFieldWrap {width:100% !important;}

.mktoForm .mktoRequiredField label.mktoLabel {

    font-weight:normal !important;

}

.mktoButtonWrap {

  margin-left:0 !important;

}

.mktoButtonRow {

  width:100% !important;

  text-align:center;

}