How to delete the underline and background color when the title is hovered

[harukajmickey]

Hi,

I am using Dawn theme.

How do you delete the underline and background color when the title below is hovered?

Here is the URL:

Q&A on top page

https://vs5b173o8af60btc-58606616633.shopifypreview.com

Thank you in advance!

[GemPages · Accepted solution]

Hello @harukajmickey ,

It's GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.collapsible-content summary:hover {
  background: none !important;
}
.collapsible-content summary:hover .accordion__title {
  text-decoration: none !important;
}
</style>

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[harukajmickey]

@GemPages 

Thank you. It worked well!

[GemPages]

Hi @harukajmickey ,

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

[PageFly-Victor]

Hi @harukajmickey 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->collapsible-content.css

.collapsible-content summary:hover .accordion__title {
    text-decoration: unset !important;
}
.collapsible-content summary:hover {
    background: unset !important;
}

 Hope you find my answer helpful!

Best regards,

Victor | PageFly