Stylize links
Most websites have a default styling for links. However, if you would like to change the appearance of these links, you need to add styling attributes to the links - regular HTML tags that can be styled by CSS, as follows:
Text Color
<a **style="color:#000000"** href="#" onClick="Clym.showWidget('', '', event);">Privacy Center</a>
Where the #000000 is the HEX code of the color. To get the HEX code of any color, you can use any online color picker tool (for example, the Google Color Picker).
Text Background
<a **style="background-color:#ffffff"** href="#" onClick="Clym.showWidget('', '', event);">Privacy Center</a>
Font Size
<a **style="font-size:14px"** href="#" onClick="Clym.showWidget('', '', event);">Privacy Center</a>
Font Weight / Boldness? <a **style="font-weight:bold"** href="#" onClick="Clym.showWidget('', '', event);">Privacy Center
Add other values:
- normal
- bold
- bolder
- lighter
Underline Formatting
<a **style="text-decoration:underline"** href="#" onClick="Clym.showWidget('', '', event);">Privacy Center</a>
If text-decoration is set to none, it will not have the underline style on it. Mix different CSS attributes To use 2 or more styling attributes on your links, you need to separate them with “;” (semicolon). Here is the example for bold font and blue colored links without underlining:
<a **style="color:#111198;font-weight:bold;text-decoration:none"** href="#" onClick="Clym.showWidget('', '', event);">Privacy Center</a>