Docs

[shamus]

Hey!

http://amylieberman.com/

I have an email collection form in the bottom right section of my footer. It’s a little further down that I’d like. Can you help me adjust so that it is tighter and up closer to the title?

Thanks!

[Paul R]

Hi,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

.x-colophon.top .x-subscribe-form {
    text-align:left;
}

Hope that helps.

[shamus]

It helped align it well but there’s still a big space between the form and the title. Any ideas how to move the form up so it aligns similar to the other footer widgets?

[Joao]

Hi There.

Please add the following code to Appereance Customizer Custom CSS

.x-subscribe-form {
    margin-top: -45px !important;
    text-align: left;
}

Hope it helps

Joao

[shamus]

We are getting closer. The subscribe button still lingers to the right. How can I force the button and all the input fields to stay vertical or at least keep the button in a vertical row?

Thanks!

[shamus]

Also i’m noticing on the inside pages the form looks different from the homepage. It’s pushed to the far right and part of it is missing.

[Rad]

Hi there,

Are you currently working on it? It keeps on changing. I think you added 50% max width to the form which pushes it to the right. Would you mind providing a mockup design of how it should look?

Thanks!

[shamus]

See attached image.

The inside pages dosen’t appear behave the same as the home page.

Thanks for your help!

[shamus]

Oops uploaded the wrong image. This is the correct one.

And if you weren’t aware mail chimp was down.. haha

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-colophon.top .x-subscribe-form {
    overflow: hidden;
    text-align: left;
    max-width: 100% !important;
}

.x-colophon.top .x-subscribe-form fieldset {
    padding-top: 0px !important;
    display: inline-block;
    float: none;
    clear:both;
}

Hope that helps.

[shamus]

Close! But The subscribe button is still lingering to the right instead of under.

[Rad]

Hi there,

Please add this as well,

  .x-subscribe-form input[type="submit"] {
    margin: 0px 10px 10px 25px;
    max-width: 150px;
}
.x-colophon.top .x-subscribe-form fieldset:nth-child(5) {
    max-width: calc(246px - 20px);
    text-align: center;
    display: block;
}

Hope this helps.

[Author]

Posts