Docs

[breepear]

Hi there,

How do I center a mailchimp form within a column? The screenshot attached shows the form on the left, but I can’t get it to always float in the center of that column.

[breepear]

This reply has been marked as private.

[breepear]

On the same note, how do I change the contents of the form to span the whole column width but only on landscape mode on tablet and mobile?

[breepear]

I was able to get the mobile and tablet versions to work, but can you tell me how to center the content on the desktop section as well as make the content span the width.

[Christopher]

Hi there,

Please add display: inline-block; in left column’s style field.

Hope it helps.

[breepear]

That didn’t work

[breepear]

Sorry that image didn’t uplaod

[Christopher]

Hi there,

Please ad following code under cornerstone settings tab/custom CSS :

div#x-section-4 .x-column.x-1-1 {
    display: block;
}

Hope it helps.

[breepear]

I added display: inline-block; to the left column’s style and then added `div#x-section-4 .x-column.x-1-1 {
display: block;
}` to the custom CSS and now it’s not allowing that box to become the ful width, it’s moved it to the left and top. See screenshote

[breepear]

Is there also a way to center the placeholder email text within the field?

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
       text-align: center;
}

Hope that helps

Joao

[Author]

Posts