Adjust width of newsletter form fields in stack layout

Hi,

I'm looking to make the width of my newsletter form the same as it's adjusted to, including the button. The page is homeownerhq.co/freebies.

Thank you! 

Chelsey

This isn't a perfect solution, but you can try it out:

// newsletter button - Freebies page
#collection-652ae1bf0b2e0d39da659dc3 {
  @media only screen and (min-width:768px) {
    .sqs-block-newsletter .newsletter-form-button {
      width: 306px !important;
    }
  }
  @media only screen and (max-width:767px) {
    .sqs-block-newsletter .newsletter-form-button {
      width: 288px !important;
    }
  }
}

Thanks Ziggy. I played around with changing the px sizes but only the button changed. Is there a way to change the width of the form blocks?

So you want all of the fields to not have a maximum width, but be constrained by the block bounds? That would probably work for the fields with Custom CSS, but may be harder to get working consistently for the button.