If you are experiencing issues with hyperlink colors (e.g., the color does not update correctly, or the underline color differs from the text), you can control the styling using one of the following methods, ranging from basic settings to advanced custom coding.
Method 1: Global styling (Best for consistency)
To ensure all links in your email share the same color by default:
- Open the Settings tab in the right-hand panel (make sure no specific content block is selected).
- Open the Color scheme section.
- Set the Link color for the entire template. It applies to links that have no explicit color of their own.
Method 2: Direct Formatting (For specific links)
If you need to style a specific link differently from the global default:
- In your text block, highlight only the hyperlink text itself (avoid selecting surrounding text).
- Click the Text Color icon in the formatting toolbar and select your desired color.
Method 3: HTML Code Element (For full control)
Standard text elements may sometimes override specific styling properties. For guaranteed consistency, specifically regarding underline colors, use an HTML code element instead of a paragraph element.
Insert your link using inline CSS as shown below:
<a href="https://your-link.com" style="color: #ff0000; text-decoration-color: #ff0000;">
Your link text
</a>
Key properties:
color— controls the text color.text-decoration-color— controls the underline color.
Comments
0 comments
Please sign in to leave a comment.