Responsive forms input width 100% | Community
Skip to main content
A
Anonymous
July 18, 2016
Question

Responsive forms input width 100%

  • July 18, 2016
  • 1 reply
  • 3863 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

A
Anonymous
July 18, 2016

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;
}
Terms & ConditionsAccessibility statement

Loading footer...