Bridie Posted October 2, 2023 Share Posted October 2, 2023 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 --> Link to comment
Solution tuanphan Posted October 2, 2023 Solution Share Posted October 2, 2023 You mean this popup? You won't able to add CSS from SS to affect to this popup. You try asking MailerLite support and ask them if MailerLite allows users to add CSS code there, if so, we can give CSS code and you can add it from Mailerlite Bridie 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Bridie Posted October 2, 2023 Author Share Posted October 2, 2023 Yes that's the one, many thanks for getting back to me! Link to comment
lara_e Posted December 13, 2023 Share Posted December 13, 2023 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 tuanphan 1 Lara | Web Designer for Heart-Led Brands 🔗 Birch & Bud Design Co ☕ Say Thanks For The Help 📆 Book a Design Day and Skip the Tech Headache 📖 My Favourite Business Resources </> Standout Squarespace Member + Alum | Squarespace Circle Member Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment