Link text decoration

Beaver Builder
1

I apologize because this is probably a super newb question but:

I am using BB Theme and I am trying to adjust the links to show a text-decoration of underlined. I thought there was a setting for this somewhere?

if no setting, can you please let me know the best way to change that in the CSS?

thank you in advance.

2

Hey Bryan,

If you want all links to be underlined, you can use the CSS snippet below.

.fl-builder a {
  text-decoration: underline !important;
}

Ben

3

dang it, that’s it. I knew I was missing something… the .fl-builder and the important.

thank you sir!

4

Hey Bryan,

The .fl-builder selector makes it so the style only applies to pages using BB. If you’re not using any plugins that alter font styling, you should be able to remove the important declaration(it’s not good practice to use it). It should look something like this…

.fl-builder a {
  text-decoration: underline;
}

Ben

5

only plugin I am using that I think would alter font styling is beaver builder plugin.

6

Then you should be good without declaring it important. Give it a shot and let us know how it goes! :slight_smile:

Ben

7

awesome. thanks again Ben

8

No worries at all! Have fun with BB! :slight_smile:

Ben

9

How would I do this without affecting the navigation menu? Thanks!

10

Hi Troels,

I am not sure what theme you’re using. However, most now use the HTML5 nav tag and therefore, this CSS may work.

nav li a {
  text-decoration: none !important;
}

If it doesn’t can you provide a link to your site, please? So we can take a closer look.

Thanks,
Danny

11

Hi Danny,

I’m using the Beaver Builder theme. I’ll test your code :slight_smile:

Edit: It worked, of course. Thank you :slight_smile:

12

Hi Troels,

No problem, happy to hear that resolved your issue.

Thanks,
Danny