Removing underline from all links

  • Hello all,

    I’d like to remove the underline from all my links, especially the ones in the menu bar, buttons, and headers. I’m using Beaver Builder to build my website so I’m not sure if this is something specific to the menu, button, header modules in BB.

    I’ve looked around and I can only find css codes that edit twenty seventeen, but those don’t seem to work with twenty nineteen.

    Thanks!

Viewing 1 replies (of 1 total)
  • Ben N

    (@bnewtoncouk)

    It’s not the most beautiful code, I personally don’t like using !important, however a simple css rule that would force all links to have no underlines would be:

    /* Place this in your template CSS file or Theme CSS Editor */

a {
  text-decoration: none!important;
}

    What I would do, for the sake of legibility and user experience, is extend this slightly to the following:

    /* Place this in your template CSS file or Theme CSS Editor */

a {
  text-decoration: none!important;
}

.entry .entry-content a {
  text-decoration: underline!important;
}

    What the above now does, is removes underlines on links from everywhere except the main content area of posts and pages.

    • This reply was modified 5 years, 8 months ago by Ben N.
    • This reply was modified 5 years, 8 months ago by Ben N.
    • This reply was modified 5 years, 8 months ago by Ben N.
Viewing 1 replies (of 1 total)
  • The topic ‘Removing underline from all links’ is closed to new replies.