Add underlines to link text (Beaver Builder Theme)

By default, the Beaver Builder theme underlines link text in content only when you mouse over it, and not at all in the navigation menu. Here's how to add default underlining of link text in your content, your nav menu and header, or both, with some simple CSS.

To add underlines to all links in your site:

The following CSS rules adds underlines to all content, whether or not it's created in Page Builder and to both page content and the header.

a {
  text-decoration: underline;
}
Tip: If you don't see the changes you expect after adding the CSS and saving it, try adding !important to the declaration. For example: text-decoration: underline !important;

To add underlines to Page Builder content and the Beaver Builder nav menu:

/* Add default underlines to Page Builder and BB theme link text */
.fl-builder a {
  text-decoration: underline;
}

To remove underlines from the Beaver Builder Theme's header:

The previous rules will also apply to the Beaver Builder theme's nav menu and header logo area. If you don't want that, add the following CSS after the previous rules:

/* Remove underlines from nav menu links */
nav li a {
  text-decoration: none !important;
}
/* Remove underlines from header logo area text */
.fl-page-header-logo a {
    text-decoration: none;
}