Hi. I’m using Dynamik Website Builder with BB. I noticed that on all my buttons, there is an underline on the text when I hover on a button. I don’t like that and want to remove it. Is this something I need to do in BB or DWB? Please give option for removing link on individual buttons as well as across entire site. Thank you.
Hey Kassim,
Could you please share your Website URL with us so we could have a better look at your issue? I believe that can be fixed using some custom CSS. You can use the private reply option below.
Thanks!
KC
Site is not live for viewing yet. I can send a screenshot.
Hey Kassim,
Could you try the CSS snippet below and see if it removes the button underline hover?
.fl-builder-content .fl-module.fl-module-button a.fl-button:hover {
text-decoration: none;
}
Thanks!
KC
Where should I be placing this code snippet?
Is this being placed somewhere in the actual button module settings for BB? I don’t see a place for that. Or is this being placed into Dynamik Website Builder?
Hey Kassim,
Sorry as I haven’t really used that theme before. You’ll have to insert it into the Custom CSS code section somewhere within your Theme Options. I found this screenshot below on this link http://cobaltapps.com/dynamik-website-builder-screenshots/ . I think you’ll just insert the CSS snippet there.
Thanks!
KC
Ok. Thank you, that worked, but the underline is still showing underneath text on buttons that appear in the call to action module. Individual buttons are working properly.
Hi Kassim and KC,
Thought I would chime in here to say that the default behavior for DWB and BB is to have NO underlines on any links.
Just to test, I set up new local test sites on both Windows 10 and OS X using the latest WP 4.4, DWB 1.9.4, Genesis 2.2.5 and BB 1.6.4.6
On a new page, I added a BB Button, Callout (with button) and Call to Action (with button) using the default values for all three.
Tested on FF, Chrome, IE 11, Edge and Opera on Windows 10 and Chrome and Safari on the Mac. No underlines on hover on any of them.
So I went to Dynamik > Design > U-Control > Font Options > Font Links > Link Underline and set it to On Hover, which changes ALL the font links to this value (one of the handy features of DWB).
No underline links in any of the buttons. As a matter of fact, I could NOT get the button text to underline unless I added the CSS to do so 
I would suggest that perhaps there is something else doing this as it is not a default behavior of either DWB or BB or the combination of the two
Cheers!
Lyle
I agree. It’s strange, because I don’t have any of the settings for DWB changed to underline any links. I checked before I even posted anything here to make sure that there was nothing in DWB set to underline links and there was nothing.
Hey Lyle,
Thanks for the clarification!
Kassim,
Could you please check with your plugins and see if the issue is related to a 3rd party plugin? If the issue persists, go ahead and use the CSS snippet below to remove the button underline hover for your Callout Modules.
.fl-builder-content .fl-module-callout .fl-callout-button a.fl-button:hover {
text-decoration: none;
}
Thanks!
KC
What is the CSS needed to remove the underline link hover on the subscribe form button?
Hey Kassim,
I believe that underline is being added by your theme since I can’t recreate it on my local dev using BB theme. Can you share the URL of the site so we can check?
Ben
Ben, I used the code given above in this thread and it worked perfectly for individual buttons and callouts … I just need the code modified to work for subscribe form buttons.
Hi Kassim,
Can you try the code below, as this should affect all buttons. However, I am providing this code without any testing, as I do not have access to the theme.
a.fl-button:hover {
text-decoration: none !important;
}
Thanks,
Danny
Thanks Danny. That worked.
No problem, Kassim. Happy to hear your issue has been resolved.