Docs

[gregrev]

Hey guys,
I have an email form in a 2 column section but it appears that there is some padding on the right side I can’t remove (see attachment).

I am using some custom code to change the size of the fields and to make sure both columns can be seen in mobile mode. Here’s the code:

.x-subscribe-form input[type="submit"] {
    width: 75%;
}

.x-subscribe-form input[type="email"] {
    width: 75%;
    margin-bottom: 5px;
}

/* remove email field border */
.x-subscribe-form input[type="email"] {
    border: none!important;
}

@media (max-width: 979px) {
.x-column {
float: left !important;
width: 48%  !important;
margin-right: 4% !important;
}
.x-column:nth-child(2n) {
margin-right: 0px !important;
}
.x-column.x-1-1 {
float: none !important;
width: 100%  !important;
margin: 0 auto !important;
}
}

Thank you for the help.

Greg

[Thai]

Hi There,

Please provide us with your website URL so we can take a closer look.

Thanks.

[gregrev]

Sure thing, http://www.azaltitudetraining.com

Cheers

[Thai]

Hi There,

Please add the following CSS:

.home #x-section-3 .x-container.max.width {
    width: 100%;
    max-width: 100%;
}

form#x-subscribe-form-1976 {
    float: right;
    width: 100%;
}

Hope it helps 🙂

[gregrev]

You guys are awesome! Thanks a bunch. I actually only used the second part of the script since that did exactly what I wanted.

Thanks again for the quick response, as always.

Greg

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks

[Author]

Posts