Disable Dotted Lines on Links

Beaver Builder
1

Hi there,

I would like to disable the dotted lines under links produced by Beaver Builder, across the board rather than a css class to do so on each item individually. Please let me know how to set this so that there are no underlines or dotted lines under any of the links created in Page Builder.

2

Hey Sam,

Thanks for getting in touch! Are you using the BB theme? I don’t see any setting under our theme that adds an underline though, nor a preset that does that. Do you mind sharing the URL of the site you are working on and on what browser you are seeing the lines?

Ben

3

I am using the BB Plugin with Genesis and Dynamik Website Builder. Sorry I cannot share the link as it is all local at this time. The lines appear on Firefox, Chrome and IE. I did not see a setting either so I wasn’t sure, but other links done through widgets, menus etc do not have the underlines. It is not standard link underline but dotted lines i.e. … under all links produced with the BB Plugin.

4

Hey Sam,

Sorry but that’s controlled by your theme. And, without actually being able to see the site, it would be hard to determine how they’re doing it. Could you try creating a page without using the Page Builder and check if you’re having the same problem with the links?

Ben

5

Yes, I have tested pages created without page builder and links made using the MCE do not come up as underlined at all.

6

I have tried various CSS to remove these dotted lines including a class that sets text-decoration to none and applying it manually and they are still there. Within my Dynamik theme settings no link underlines are enabled whatsoever.

7

Ok. I have fixed it. It was a weird setting in Dynamik Beaver plugin which integrates Beaver Builder features into Dynamik Website Builder. I have no idea why there would be a bottom border 1 px dotted line setting enabled by default. Sorry for confusion.

8

Hey Sam,

Glad you figured it out! And thanks for sharing what was causing it! Have fun with BB! :slight_smile:

Ben

9

Sam, what did you do to fix it? Thanks!

10

Hey Cindy,

Are you using the same theme with the Genesis Dambuster plugin as Sam above? If you don’t, you may be facing a different problem altogether.

Ben

11

Hi Ben,

I am using Dynamik Theme with Beaver Builder and also the Dynamik Website Builder and Beaver Builder Integration plugin.

I put the following css code in my Dynamik Custom CSS area:

.fl-builder .entry-content a {
border-bottom-style:dotted;
border-bottom-width:0px !important;
color:inherit;
text-decoration:none;
}

That seems to have worked to take out the dotted lines. (Originally, the border-bottom-width was 1px)

12

Hi Sam and Cindy,

I think you’re both referring to the “Dynamik Website Builder and Beaver Builder Integration” plugin.

That was actually a known problem in that plugin. I always entered the full width page settings manually to prevent the link underline problem.

Just in case you didn’t see the update, Dynamik was recently updated to support full width Page Builders like Beaver Builder, so you don’t need the plugin any more.

Dynamik Loves Page Builder Plugins

The latest Dynamik Website Builder version is 1.8

Once Dynamik is up to date, you can deactivate the plugin and remove the extra CSS you needed to override the dotted underline.

Hope that helps.