HubStrap Lite Landing Template - Remove Text in Text & Form Module and Centering Form
lösung
Hi there,
I've created an LP in the HubSpot Template, HubStrap Lite, with a form and designed the whole page. Unfortunately, I need the form to be in the center of the page and the module included is a text and form module and won't let me or several HubSpot chat agents remove the text portion and center just the form. I think with some backend custom styling this can be made to work, but I'm hoping someone can help me with this.
After reviewing the templates demo page we may have a solution. But this will require that you attach custom css to the page. See the CSS below:
/* Hide the text column */
.background-image .section--text-form .row-fluid.hubstrap-row .span6.hubstrap-col:nth-child(1) {
display: none!important;
}
/* Center the form */
.background-image .section--text-form .row-fluid.hubstrap-row .span6.hubstrap-col {
text-align: center;
}
/* Fix text alignment on form */
.background-image .section--text-form .row-fluid.hubstrap-row .span6.hubstrap-col:nth-child(2) form {
text-align: left;
}
After reviewing the templates demo page we may have a solution. But this will require that you attach custom css to the page. See the CSS below:
/* Hide the text column */
.background-image .section--text-form .row-fluid.hubstrap-row .span6.hubstrap-col:nth-child(1) {
display: none!important;
}
/* Center the form */
.background-image .section--text-form .row-fluid.hubstrap-row .span6.hubstrap-col {
text-align: center;
}
/* Fix text alignment on form */
.background-image .section--text-form .row-fluid.hubstrap-row .span6.hubstrap-col:nth-child(2) form {
text-align: left;
}