Remove underline hover effect in footer text blocks

gonetra · January 11

Hi everyone,

I’d like to remove the underline hover effect from Column Text and Plain Text blocks in the footer.

As shown in the screenshot, links are underlined on hover. I only want a color change on hover, without any underline. I’ve seen that the hover color can be set from the block style, but the underline remains.

How can I disable the underline while keeping the hover color?

Thanks in advance,

Filippo

img1.png

Phil · January 12

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

gonetra · January 12

It's published: https://ogdemo.maratonadiravenna.com/contact/

Phil · January 12

Try the following CSS code:

.mfn-footer-tmpl .column_attr a:hover{
 text-decoration: none;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

gonetra · January 12

Thank you that's perfect, can you tell me also the class for the Plain text block?

Thank you so much!

Phil · January 12

It will be this one:

.mfn-footer-tmpl .column_plain_text a:hover{
 text-decoration: none;
}

Best regards

gonetra · January 12

Perfect, thank you!

Also, last thing also in the heading block, and im done, thank you so much!

Phil · January 13

I was reminded of an option "Underline links in text block" in Betheme -> Theme options -> Accessibility. Please check if it is not enabled, and if so, disable it.

If it will not help, then this CSS will do the job:

.mfn-footer-tmpl .mcb-item-heading-inner a:hover{
 text-decoration: none;
}

You can actually merge codes I sent you, to this:

.mfn-footer-tmpl .mcb-item-heading-inner a:hover,
.mfn-footer-tmpl .column_plain_text a:hover,
.mfn-footer-tmpl .column_attr a:hover{
 text-decoration: none;
}

Best regards

gonetra · January 13

Thank you very very much!!!

Remove underline hover effect in footer text blocks

Comments

This website uses cookies