Jquery code turning email link into default style...?

Design help Custom code
1

Hi,

I installed some javascript code that stops paragraphs from sometimes having a single word on the last line (a typographic widow). It works fine, however now my email link changes to blue and a default font whenever I publish my site. Does anyone know why and how to fix it?
Thanks!

Editor/designer site is here:
https://preview.webflow.com/preview/fs-cloneable-098e33-f9de2ba63ebef3f1b97?utm_medium=preview_link&utm_source=designer&utm_content=fs-cloneable-098e33-f9de2ba63ebef3f1b97&preview=3f49bfac6cae098dc08126021745b1bf&workflow=preview

Published site with blue link is here:
https://fs-cloneable-098e33-f9de2ba63ebef3f1b97.webflow.io/

This is the jquery code that I placed in the footer:

$(ā€˜pā€™).each(function(){
var string = $(this).html();
string = string.replace(/ ([^ ]*)$/,ā€™Ā $1ā€™);
$(this).html(string);
});

2

Not related. You have a specificity issue. The browser user agent stylesheet is taking precedence and you have not specified a style for links to counter that or a class applied to links.

1 Like
3

Aha thank you, I amended the original link style and that worked. Cheers!