How to Disable Underline on my Button

[JDRDigital]

Hey All,

There’s an underline on my button but it exists even when i disable the underline option in the text area. Any idea how to disable it?

I’ve included the landing page url where the btn problem exists.

Thanks,

[Prasant]

Hello @JDRDigital,

Thanks for asking.

Under Customize > Setup > Inline CSS please try adding following CSS:

$el{text-decoration: none;}

You can also assign class name to button element. To do that under Customize > Setup > Class give class name. After that under X > Theme Options > CSS add following CSS:

.button-underline{
    text-decoration: none;
}

Feel free to change button-underline class name to whatever you like.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[JDRDigital]

Thanks!

Why/How is this underline enabled?

Shouldn’t it be an option in Pro editor to remove it with a simple button click?

[thai]

Hi There,

That’s the default CSS style of browser:

I’m not sure why the theme default style isn’t loading on your website. To remove the underline for the <a> tags by default, please add this custom CSS:

a {
    text-decoration: none;
}

Hope it helps