[lilyParticipant]

Hi,

I am trying to make the mailchimp input form width bigger and have it fill across the entire promo box, but I can’t get it to work.

Could you please help me?

here is the page:
http://viktoriyaandoksana.com/enzymes-are-keys-to-longevity/

[lilyParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-section .x-subscribe-form fieldset {
  margin-bottom: 5px;
  width: 100%;
}

Hope this helps.

Cheers!

[lilyParticipant]

Hi Rupok,

thank you!

Is it possible to have the submit button next to the input (to the left of it?) and make the submit button a little wider? Right now, it put the submit button below the input box.

this is the code that I’m using

.x-subscribe-form {
text-align:center;
width: auto !important;
max-width: 100% !important;
 
}

.x-subscribe-form fieldset {
display: inline !important;
}

.x-subscribe-form fieldset input[type]{
margin:0 !important;
}

.x-section .x-subscribe-form fieldset {
  margin-bottom: 5px;
  width: 100%;
}

[RupokMember]

Hi there,

In that case use this instead :

.x-section .x-subscribe-form fieldset {
  margin-bottom: 5px;
  margin-top: 10px;
  width: 100%;
}

.x-section .x-subscribe-form fieldset #x_subscribe_form_email {
  float: left;
  width: 70%;
}
.x-section .x-subscribe-form fieldset .x-btn.submit {
  float: right;
  margin-top: -49px !important;
  width: 30%;
}

And make sure to remove this :

.x-subscribe-form fieldset {
display: inline !important;
}

Hope this helps.

[lilyParticipant]

thank you, it looks like -65px aligned the button right next to the input field. I just want to make sure that this is the same on your side.

thank you very much

http://viktoriyaandoksana.com/enzymes-are-keys-to-longevity/

.x-section .x-subscribe-form fieldset {
  margin-bottom: 5px;
  margin-top: 10px;
  width: 100%;
}

.x-section .x-subscribe-form fieldset #x_subscribe_form_email {
  float: left;
  width: 70%;
}
.x-section .x-subscribe-form fieldset .x-btn.submit {
  float: right;
  margin-top: -65px !important;
  width: 30%;
}

[RupokMember]

Hi there,

Yes it looks fine with -65px on my end as well. I was testing through devs tool so might be a bit different. Glad that you are able to adjust them by your own.

Cheers!

[lilyParticipant]

thank you Rupok!

[RupokMember]

You are welcome!

Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts