[INcroatiaParticipant]

Dearest X,

I am using ConvertKit for an email catch and I’d love to have the form on one line. It doesn’t look like there are any/many options within ConvertKit… is this something we can achieve with CSS?
Your name, email and SMALLER subscribe button (all on one line)

If not, is there any way to get rid of this huge space below (and some space on top). I have zero margins, padding, etc.

Here is our page: http://austrianadaptation.com/new/

Here is an example http://www.bordersofadventure.com/

thanks! I always struggle with email sign ups… I’ll add it to the next “honey do” list I see on X theme users fb.

[NicoModerator]

Hi There,

Thanks for writing in.

To remove the spaces add this in your Customizer > Custom > CSS:

.page .ck_form.ck_naked{
    margin: 0px;
}

To make the form in one line,

.ck_form.ck_naked.width400 .ck_subscribe_button, .ck_form.ck_naked.width400 input[type="text"], .ck_form.ck_naked.width400 input[type="email"]{
   width: 147px;
    float: left;
    margin-top: 5px;
}

.page-template #x-section-2 .x-container.marginless-columns .x-column.x-1-3{
    width: 53.33333%;
}

Hope it helps.

Let us know how it goes.

Thanks.

[INcroatiaParticipant]

Hmmm, almost, when I first added the info, they were aligned on one line but still had the huge margins, especially on bottom. I tried copying and pasting the same ConvertKit code into a new raw content box but as soon as I did that the form became stacked on two lines?? I’d still prefer to have it on one line… and the margins… where are these coming from? If it helps, here is the info I plug into the Raw Content box: <script async id=”_ck_144871″ src=”https://forms.convertkit.com/144871?v=6″></script>

[Nabeel AModerator]

Hi again,

You can add the following code in your Customizer:

.ck_modal.ck_form_v6 .ck_minimal .ck_subscribe_form {
    padding-top: 0 !important;
    margin: 0 !important;
}
.ck_form.ck_minimal .ck_form_fields {
    padding: 2% 5%;
}

Let us know how this goes!

[INcroatiaParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Please double check the credentials. It is not working when I tried to login.

[INcroatiaParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

The login provided is still not working.

Kindly check again and let us know.

Thanks

[INcroatiaParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

I changed your columns from 2/3 1/3 to 1/2 1/2

It looks pretty much the same, but the plugin is responding much better like that and I just added the following CSS to adjust on Cornerstone Settings > Custom > CSS

.ck_form.ck_naked .ck_form_fields {

     padding: 0% !important
}

Hope that helps

Joao

[INcroatiaParticipant]

Sweetness! Finally. thank you!

[RahulModerator]

You’re most welcome!

Feel free to ask us again.

[Author]

Posts