Changing the colour of hyperlinks

    Follow

    So you have this beautiful HTML email template, and you want to insert a link only you don’t like the look of the “default blue” and doesn’t fit at all with your branding.

    Standard Hyperlink


    Example of a “default blue” link

    There’s a few ways you can change the colour of your link and today we’ll provide three options that will allow you to change your link colour and be compliant with the majority of email clients.

    Note: We’ll use the 6 digit Hexadecimal colour for Red (#FF0000) for these examples. 

    Option one: via gCast
    • Simply create your link.
    • Highlight the text area to apply.
    • Select your colour.

    Highlight the link

    Link colour is changed

    The result

    Link changed in gCast

    I guess the next question you may have might be “How do I change the colour of the underline?”

    Option 2: Applying a colour style to your link.

    Some basic coding required with this method. Really basic.

    Method A:

    Simply use the following HTML code for your link

    <a style="color:#FF0000" href="http://www.link.com">

    OR

    Method B:

    • Highlight your link
    • Select the “Insert/Edit Link” from the editor menu in gCast
    • Click the Advanced tab and simply drop in the following color:#FF0000;

    Applying link code via gCast

    The result

    Link with full colour

    If you wish to remove the underline this is how you do so.

    Option 3: Removing the underline

    Apply the same method as option 2 with an additional piece of code 

    text-decoration:none

    Method A:

    Simply use the following HTML code for your link

    <a style="color:#FF0000; text-decoration:none" href="http://www.link.com">

    OR

    Method B:

    • Highlight your link
    • Select the “Insert/Edit Link” from the editor menu in gCast
    • Click the Advanced tab and simply drop in the following color:#FF0000;text-decoration:none
    The result

    Text Decoration None

    Was this article helpful?
    0 out of 0 found this helpful

    Comments