Editing Link Underlines — Cargo Support Window

Editing Link Underlines

Links on the Web are underlined by default. Most Cargo Templates include CSS that removes underlines and define a bottom border, which allows you to style its color and thickness.

In the Design tab, open a font menu and click “Edit CSS”, or open the CSS Editor.

Search for border-bottom or text-decoration. You’ll find sections of code defining the appearance of the Editor Styles.

Sections styling links have an a after the selector’s name:

bodycopy a
h1 a
h2 a
small a

For the Bodycopy style, you’ll find a section of code like this:

[data-predefined-style="true"] bodycopy a {
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid rgba(0, 0, 0, 0.75);
    text-decoration: none;
}

To remove the underline, make sure that the statement text-decoration: none is in place. Then, remove the border-bottom statement or reduce its value to 0px.

Click the square after the color property to choose a color.