Docs

[onefoursix]

re: http://146test2.co.uk/beerg/

can you provide me with the CSS to make the mailchimp form appear inline as opposed to stacked please.

[Jade]

Hi there,

Please update your code to:

.x-subscribe-form {
  position: relative;
}

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

.x-subscribe-form fieldset:last-child {
  width: 15%;
  margin-right: 0;
}

.x-subscribe-form h1 {
  font-size: 1.75em;
  margin: 0 0 0.5em;
}

.x-subscribe-form label {
  margin: 0 0 0.375em;
  font-size: 0.85em;
  line-height: 1;
}

.x-subscribe-form label > span {
  position: relative;
}

.x-subscribe-form label .required {
  position: absolute;
  top: -0.1em;
  font-size: 1.5em;
}

.x-subscribe-form input[type="text"],
.x-subscribe-form input[type="email"] {
  width: 100%;
  margin-bottom: 0;
  font-size: inherit;
}

.x-subscribe-form input[type="submit"] {
  display: inline-block;
  width: 100%;
  margin-top: 0;
  padding-bottom: 0.76em;
}

.x-subscribe-form input[type="submit"]:focus {
  outline: 0;
}

.x-subscribe-form .x-subscribe-form-alert-wrap {
  margin-top: 1.25em;
  font-size: inherit;
}

.x-nav-wrap{
    display: none !important;
}

then remove the max width set to the form.

[onefoursix]

I need the button so sit along side too… 🙂

[Christopher]

Hi there,

Please increase max width under form settings to greater number like 600px.

Find this code :

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

And update it to :

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

Hope that helps.

[onefoursix]

wicked thanks!

[Christopher]

You’re welcome.

[Author]

Posts