Accordion being underlined

Support
#1

I used the following code to underline my links on hover, but not the main menu. Anyway I now find the title in my accordions are being underlined when clicked on, can you tell me the code so that accordions do not get underlined. I assume it would be text decoration: none; I am just not sure what the first part is, maybe .site .accordion a:hover ? is that correct?

.site a:hover {
text-decoration:underline;
}

.site .menu-item a:hover {
text-decoration: none;
}

#2

Hi there,

Thanks for writing in.

Please update your CSS to this,

.site a:not(x-accordion-toggle):hover { 
text-decoration:underline; 
}

.site .menu-item a:hover { 
text-decoration: none; 
}

Cheers!

#3

thanks but that did not work, the accordions are still being underlined when you hover over them. I have attached login details.

#4

Hi there,

Please kindly use this code:

body .x-accordion-heading a,
body .x-accordion-heading a:hover {
    text-decoration: none !important;
}

That should do the trick. Thank you.

#5

thank you, that worked perfectly.

#6

Glad that we could be of a help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.