Can I use css to target a mailerlite popup?

Hello! I use mailerlite to collect subscriber emails - I create the forms in mailerlite and then they give me a code to insert into squarespace.

I have an existing working embed form in my footer for which I've changed the mailerlite fonts to my squarespace custom fonts because I can directly go into the code block and manually change the html font tags.

However I've just added a pop-up form as well which works fine but it is generated only by the code injection I've inserted into my header. Is there a way to target this pop-up so I can use my custom fonts on the pop-up? Currently they are using a font I've set within mailerlite. I tried squarespace id finder but it didn't seem to come up with one for the popup.

Thank you x

https://www.whyyoucreate.com

This is the header injection code I use for the pop-up:

<!-- MailerLite Universal -->
<script>
    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
    .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
    n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
    (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
    ml('account', '214425');
</script>
<!-- End MailerLite Universal -->

Yes that's the one, many thanks for getting back to me!

On 10/2/2023 at 8:19 AM, Bridie said:

Hello! I use mailerlite to collect subscriber emails - I create the forms in mailerlite and then they give me a code to insert into squarespace.

I have an existing working embed form in my footer for which I've changed the mailerlite fonts to my squarespace custom fonts because I can directly go into the code block and manually change the html font tags.

However I've just added a pop-up form as well which works fine but it is generated only by the code injection I've inserted into my header. Is there a way to target this pop-up so I can use my custom fonts on the pop-up? Currently they are using a font I've set within mailerlite. I tried squarespace id finder but it didn't seem to come up with one for the popup.

Thank you x

https://www.whyyoucreate.com

This is the header injection code I use for the pop-up:

<!-- MailerLite Universal -->
<script>
    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
    .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
    n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
    (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
    ml('account', '214425');
</script>
<!-- End MailerLite Universal -->

I have a blog post on customizing the embed form fonts and show you how to find all the selectors you need. You can check that out and maybe it will help.

https://www.birchandbuddesign.com/blog/how-to-change-font-mailerlite-embed-form-on-squarespace