Rows too large

Hi @mike2017,

Are you trying to put the fields all on one line or do you just want them smaller?

To make them smaller you’ll need to add some custom CSS. Are you familiar with adding custom CSS to your site?

This CSS will make the fields 50% of the current width and will center them.

.yikes-mailchimp-container-5 label {
    width: 50% !important;
    margin-left:25%;
    margin-right:auto;
}

.yikes-mailchimp-container-5 .yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-5 {
    width: 50% !important;
    margin-left: 25%;
    margin-right: auto;
}

Hi Yikes.

Thanks, but i mean in the opposite direction, i mean the large, not width, is there any way to do it?

Oh sure, try this. You can adjust the pixel values as you see fit.

.yikes-mailchimp-container-5 input {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

Cheers,
Kevin.

@yikesitskevin

Thanks.

But, it does not work.

I made a picture to show you what a want:

image

I see. Try this:

.yikes-mailchimp-container-5 label {
    width: 50%;
    margin-left: 25%;
    margin-right: auto;
}

.yikes-easy-mc-submit-button-5 {
    width: 50% !important;
    margin-left: 25%;
    margin-right: auto;
}

Hi @mike2017,

I think the CSS I sent over originally would accomplish that.

Try adding this CSS to your site:

.yikes-mailchimp-container-5 label {
    width: 50%;
    margin-left: 25%;
    margin-right: auto;
}

.yikes-easy-mc-submit-button-5 {
    width: 50% !important;
    margin-left: 25%;
    margin-right: auto;
}

Are you familiar with adding custom CSS to your site? Do you know any help with that?

Let me know.

Cheers,
Kevin.

Hi, with provided code I manage to solve part of my problem. Could you please advise css (margins) to have label and button inline. Also is there a way to inherit label and button design from the theme?

Thanks for reply, Horhe

Hi Horhe,

Can you expand on what you mean? You want the label (e.g. Nombre) to be next to the input field? Or would you like all of the fields and the submit button on one line?

Let me know,
Kevin.

Dear Kevin, sorry I messed up label and field ?? I would like to have email field and button on one line. I got enabled inline option in settings but button is positioned under email field.

Im using this code:

.yikes-mailchimp-container-1 label {
width: 50% !important;
margin-left: 25%;
margin-top: 10px;
margin-right: auto;
}

.yikes-mailchimp-container-1 .yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1 {
width: 50% !important;
margin-left: 25%;
margin-right: auto;
}

Thanks!

• This reply was modified 7 years ago by Horhe.

Hi Horhe,

Try this CSS:

#yikes-mailchimp-container-5 label {
    width: 24%;
    margin-right: 1%;
    display: inline-block;
}

.b398d8e1c9-label {
    width: 0 !important;
    margin: 0 !important;
}

#yikes-mailchimp-container-5 .yikes-easy-mc-submit-button {
    width: 20%;
    display: inline-block;
    margin-bottom: 10px;
}

Hi Kevin, this one is not working for me, whole form is positioned left.

Are we still working with the form at bottom of this page – https://calculistaestructural.com/sap2000etabs/cl/?

Sorry, maybe I forget to tell you that I just used this topic because I manage to partly solve my problem with code that you provided previously. My site is nextboards.com – form is in footer (widget).

• This reply was modified 7 years ago by Horhe.

Oh I see now. Can you remove all the custom CSS related to the form and also uncheck the inline style checkbox? It will be easier to style your form for you starting with a clean base.

You’d like it inline and centered, correct?

Let me know.

All the best,
Kevin.

Hi Kevin, yes that is correct i would like inline and centered foem. But the site is live and if I remove custom css and inline checkbox it will look weird ??