X Forms - MailChimp in 2 lines

Support
#1

Hi guys!
So, I have installed an x-form in this page: www.yourimagecoach.com
And added this code:
.x-subscribe-form {
max-width: 700px !important;
}

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

.x-subscribe-form input[type=“submit”] {
margin-top: 0;
}
.x-subscribe-form fieldset {vertical-align: top;}
.x-subscribe-form input[type=“submit”] {height: 50px;}
.x-subscribe-form {
text-align: center;
}

BUt, for some reason it’s showing in 2 lines instead of side by side (Name, Email, Send).
It was working before, but for some random reason this is showing like this.

Can you help?

#2

Hey,

To solve this, just adding following CSS under the code below to X > Launch > Options > CSS

#tco-subscribe-form-531 fieldset {
  width: 50% !important;
 float: left !important;
  margin-right: 10px !important;
}
#3

Hi!
So, what that did was put both fields (name, email and send) to the left. I want it to be NAME on the left, EMAIL in the middle, SEND on the right.It usually is like this, but it randomly isn’t this time.
Thanks!

#4

Hi there,

Please kindly add the code below to Pro > Launch > Theme Options > CSS:

.tco-subscribe-form {
    text-align: center;
}
.tco-subscribe-form fieldset {
    display: inline-block;
}

.tco-subscribe-form input[type="submit"] {
    line-height: 0;
    margin-top: -22px !important;
    padding: 21px 23px;
}

Hope it helps.

1 Like
#5

Perfect! This worked :slight_smile:

#6

Glad to hear that. :slight_smile:

#7

Hey Guys,
I am also having problems with getting my MailChimp form in one line and none of the CSS codes I can find are helping.

I pasted the following shortcode from Email Forms (which I linked to my MailChimp) into a text element on my home page:

[tco_subscribe form=“213”]

What would I need to type into CSS to make it into one line?

#8

@consultparv

Please provide your URL so we can provide you a tailored solution.

Thanks!

#9

www.consultparv.com (at the bottom of the main page)

I also use the same form in the articles section on the side pane but I want that to stay vertical.

Thanks a lot for your help guys, much appreciated :slight_smile:

#10

Hi there,

Please kindly add the code below to X > Launch > Options > CSS:

.tco-subscribe-form {
    max-width: 100% !important;
}

.tco-subscribe-form > fieldset {
    display: inline-block;
}

.tco-subscribe-form > fieldset input {
    display: block;
}

For the follow up questions kindly open up a separate thread so we can concentrate to your case and give you a better support.

Thank you for your understanding.

1 Like
#11

My bad, I mistakenly already responded to another thread before I got your message.

I’ll start a new thread next time and thanks for your help as this problem is now solved.

#12

Thank you for letting us know and please avoid double threading about the same issue :slight_smile: