One line Mailchimp Subscription bar

Hi, I’m trying to create my Mailchimp subscription bar to be one line. I’ve tried following along all the other forums, but can’t seem to manage.

Would like it to look like:

“Enter your email” [BUTTON]

My website is terrabikes.com.

Thanks,

  • Dylan

Hi Dylan,

Thanks for reaching out.

To have a one line subscription bar and the subscribe button, we need to add a little custom CSS code. Please add the code below in your X > Theme Options > CSS.

.tco-subscribe-form fieldset {
	width: 49%;
	float: left;
	display: inline-block;
}

.tco-subscribe-form fieldset:nth-child(3) {
	margin-right: 2%;
}

.tco-subscribe-form input[type="submit"] {
	margin: 0;
	box-shadow: 0 0 0 0 #a45f40, 0 4px 9px rgba(0, 0, 0, 0.75);
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.