How do I change the font of the bar or the X to close the bar?

Our Email Collection Bar offers a wide variety of fonts - however, many users seek to use the same font for their bar as for the rest of their website.

To do this, you would need to insert code into the Custom Code Configuration box (a premium feature). We have the code prepared for you below - all you need to do is change the name of the font in the example:

Code to change the font of the bar:

<script>

$("#ecb_bar").css("fontFamily", "sans-serif");

</script>

Code to change the font of the X to close (top right corner):

<script>

$("#ecb_bar").css("fontFamily", "sans-serif");

$("#ecb_close").css("fontFamily", "sans-serif");

</script>

Code to change both the font and the X:

<script>

$("#ecb_bar").css("fontFamily", "sans-serif");

$("#ecb_close").css("fontFamily", "sans-serif");

</script>

Note: If you are using a font that is only loaded on the live site, the preview generated by Email Collection Bar won't reflect the new font. However, the code will function properly on your actual website.