Link Text Appearing Smaller

Jess Modrow
I am creating an email using the rich text editor.  Whenever I add a link to certain words of the text, for some reason it is making the text smaller and I can't seem to find a way to make it the same as the surrounding text.  Posted a screenshot which should explain my issue better.  Any ideas?
0

Comments

4 comments

  • Comment author
    Anne Mullaney

    This drove us crazy! Our workaround is to edit the html. You have to make sure the you put the style tag for the linked text inside the href tag like this:

     

    ... contact us at <a style='font-size: 9pt;' href='mailto:email@yourdomain.com'>email@yourdomain.com</a>

     

     

    ~~~~

    Anne Mullaney

    VP Marketing/Editorial

    Cutter Consortium,  www.cutter.com

    +1 781 641 5101

    @amullaney

     



    ------Original Message------

    I am creating an email using the rich text editor.  Whenever I add a link to certain words of the text, for some reason it is making the text smaller and I can't seem to find a way to make it the same as the surrounding text.  Posted a screenshot which should explain my issue better.  Any ideas?
    1
  • Comment author
    Chris Bjorklund

    Anne is absolutely correct. The same thing will happen if you select text and change the color - the size will revert to the default setting in Message styling. It should only happen if you choose font size 11pt in styling, then change a section of text to 12 or 14 for emphasis. Any hyperlinked text or colored text will appear as 11pt instead. (The text will appear LARGER if you change the size to something SMALLER than the default.)

    You can also grab the style tags and MOVE them next to the hyperlinked text. (I find that it's easier than trying to get the syntax right as in Anne's example.)
    Like this:
    ORIGINAL: <span style='font-size: 12pt;'><a href='mailto:email@yourdomain.com'>email@yourdomain.com</a></span>
    EDITED:<a href='mailto:email@yourdomain.com'><span style='font-size: 12pt;'>email@yourdomain.com</span></a>
    Act-On's composer will remind you if you forget to move the end tag (</span>



    ------------------------------
    Chris Bjorklund
    EMarketing Coordinator, Don Johnston Incorporated
    ------------------------------
    -------------------------------------------
    Original Message:
    Sent: 05-22-2018 10:39
    From: Jess Modrow
    Subject: Link Text Appearing Smaller

    I am creating an email using the rich text editor.  Whenever I add a link to certain words of the text, for some reason it is making the text smaller and I can't seem to find a way to make it the same as the surrounding text.  Posted a screenshot which should explain my issue better.  Any ideas?
    0
  • Comment author
    Cindy Schifano
    This drove us nuts, too.

    One piece of advice we received from Act-On customer support was to pay attention to the order in which we make changes to text. It was best to follow the flow of the toolbar from left to right when making changes. 

    For example, the flow below would give us the expected results:

    1. enter/copy content
    2. then select Bold/Italic/Underline if appropriate
    3. then make changes to the font family, font size or color.

    However, applying 'Bold' after changing the font size/color/family would make it the text appear smaller or otherwise incorrect for what we wanted.

    So far it seems to work, but it's also good to know the changes to make in HTML as others have suggested. 

    I hope this helps as well.

    Thanks!
    Cindy

    ------------------------------
    Cindy Schifano
    Marketing Manager, MHA
    ------------------------------
    -------------------------------------------
    Original Message:
    Sent: 05-22-2018 10:39
    From: Jess Modrow
    Subject: Link Text Appearing Smaller

    I am creating an email using the rich text editor.  Whenever I add a link to certain words of the text, for some reason it is making the text smaller and I can't seem to find a way to make it the same as the surrounding text.  Posted a screenshot which should explain my issue better.  Any ideas?
    0
  • Comment author
    Jess Modrow
    Thanks everyone for your help! After a bit of playing around with the HTML as advised, I was able to get the fonts back to the same size.

    Stripping out some of the HTML that was reflected by the overall message styling (font color, etc.) also helped me, leaving only the font size as the string to move/copy.



    ------------------------------
    Jess Modrow
    ------------------------------
    -------------------------------------------
    Original Message:
    Sent: 05-23-2018 11:16
    From: Chris Bjorklund
    Subject: Link Text Appearing Smaller

    Anne is absolutely correct. The same thing will happen if you select text and change the color - the size will revert to the default setting in Message styling. It should only happen if you choose font size 11pt in styling, then change a section of text to 12 or 14 for emphasis. Any hyperlinked text or colored text will appear as 11pt instead. (The text will appear LARGER if you change the size to something SMALLER than the default.)

    You can also grab the style tags and MOVE them next to the hyperlinked text. (I find that it's easier than trying to get the syntax right as in Anne's example.)
    Like this:
    ORIGINAL: <span style='font-size: 12pt;'><a href='mailto:email@yourdomain.com'>email@yourdomain.com</a></span>
    EDITED:<a href='mailto:email@yourdomain.com'><span style='font-size: 12pt;'>email@yourdomain.com</span></a>
    Act-On's composer will remind you if you forget to move the end tag (</span>



    ------------------------------
    Chris Bjorklund
    EMarketing Coordinator, Don Johnston Incorporated
    ------------------------------

    Original Message:
    Sent: 05-22-2018 10:39
    From: Jess Modrow
    Subject: Link Text Appearing Smaller

    I am creating an email using the rich text editor.  Whenever I add a link to certain words of the text, for some reason it is making the text smaller and I can't seem to find a way to make it the same as the surrounding text.  Posted a screenshot which should explain my issue better.  Any ideas?
    0

Please sign in to leave a comment.