Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 10, 2023 at 2:40 am #1400612
    erictuvel

    We would like to reduce the width of the Mailchimp sign up form field and the ‘Subscribe’ button on our homepage. We are using the Mailchimp element from the Advanced Layout Builder but I cannot identify the CSS to control the widths of these elements.

    View page here:

    Homepage

    Please provide help and necessary CSS

    March 10, 2023 at 9:12 pm #1400773
    Rikard

    Hey Eric,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-mailchimp-form {
  max-width: 80%;
}

    Best regards,
    Rikard

    March 11, 2023 at 7:12 pm #1400863
    erictuvel

    This decreases the width but now it is not centered. Can you please provide more help? Also, what if I don’t want the Button and the Form Field to have the same width? We would like the button to be smaller, similar to other buttons on the site, and the Form Field to be bigger to fit the email sign up.

    March 12, 2023 at 6:36 pm #1400949
    Rikard

    Hi,

    Try this CSS instead:

    .avia-mailchimp-form {
  display: table;
  margin: 0 auto;
}

.avia-mailchimp-form fieldset {
  width: 300px;
}

.avia-mailchimp-form fieldset input.button {
  width: 150px;
  display: table;
  margin: 0 auto;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.