Newsletter Block: Email field same width as recaptcha

Hi -- I'm trying to get the Email field to match the width of the recaptcha button. It's always a little shorter. 

TIA for your help

Hi,

Can you share link to page in screenshot? We can check easier

On 2/21/2023 at 1:23 AM, tuanphan said:

Hi,

Can you share link to page in screenshot? We can check easier

Of course! It’s https://www.meghanfandrich.com. 

Thanks,

Meghan

That's great, thanks @tuanphan! It looks great on my home page.

On other pages within my site, though, the recaptcha block is wider for some reason, so the 304 pixels isn't wide enough. Is there a way to make the width variable?

For example, see https://meghanfandrich.com/writing or https://meghanfandrich.com/contact. 

On 3/1/2023 at 12:46 AM, MF0708 said:

That's great, thanks @tuanphan! It looks great on my home page.

On other pages within my site, though, the recaptcha block is wider for some reason, so the 304 pixels isn't wide enough. Is there a way to make the width variable?

For example, see https://meghanfandrich.com/writing or https://meghanfandrich.com/contact. 

Add this to Writing Page Header and Contact Page Header

<style>
  .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-field-wrapper {
    width: 350px !important;
    max-width: unset !important;
}
</style>

You can adjust number 350 on each page

@tuanphan Thank you!