Docs

[SixIT]

Hi Guys,

First of all X is amazing, and you guys have helped me so much.

I’m trying to display my mailchimp newsletter on one line. Please see attached my screenshot, on the left is what is displaying now, on the right is what I’m trying to achieve. I’ve trawled through the forum looking for an answer, and changing the CSS code to no avail.

I’d really appreciate it if you guys could help me.

Thanks!

[Joao]

Hi There,

Please add at Appereance > Customizer > Custom > CSS the following code:

.subscribe .x-subscribe-form {
width: auto !important;
max-width: 100% !important;
}
.subscribe .x-subscribe-form fieldset {
display: inline;
}
.subscribe .x-subscribe-form fieldset input {
margin : 0 !important;
}

If you need more help please provide us your url.

Hope that helps,

Joao

[SixIT]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the URL! Please replace the previous code with this one:

.x-subscribe-form fieldset {
    width: 20% !important;
    float: left !important;
    margin-right: 2% !important;
}

Let us know how this goes!

[SixIT]

That’s fantastic! Is there a way to centre it so it’s in the middle of the container and make it stack on 3 lines as it was before on mobile? (Sorry for the questions).

Thanks in advance!

[Joao]

Hi There,

Please upgrade the code above to:

@media screen and (max-width: 769px) {
.x-subscribe-form fieldset {
    width: 20% !important;
    float: left !important;
    margin-right: 2% !important;
}
}

Hope that helps,

joao

[SixIT]

Thanks Joao, you’ve been very helpful 🙂

[Lely]

You’re welcome!

Glad we were able to help.

Cheers!

[Author]

Posts