Solved Templates

How to change the color of Accordion Title when I hover my mouse over the title

Asked by MariusN 3 years ago Last activity 3 years ago

Hello Joomshaper,

i am currently working with the template "Live Sport".

i have TWO questions:
Question no1 = How to remove underline animation (horizontal line on hover) under all menu and sub-menu ?

Question no2 = How to color the accordion TITLE with a specific color on hover (when i pass with the mouse on the title...)
i have tried to:
1- I added the below code into a custom.css file
2- I stored the custom.css file into the subfolder (templates/livesports/css)

.sppb-addon-accordion .sppb-panel-title a:hover {
color: #03B993;
font-weight: bold;
}
but no results for the moment...
can you please advise ?
Many Thx
Marius

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

Glad that it helped and you are always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!

3 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Thanks for contacting us.

  1. Please use the following code in your custom CSS:

    .sp-megamenu-parent>li:hover:before, .secondary-menu .menu li:hover:before {
 display: none;
}
  2. .sppb-panel-custom .sppb-panel-heading span:hover {
 color: red;
}

    Here is all about custom code placement in Helix Ultimate framework:
    https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Hope this helps!

Best Regards

MariusN Asked this
3 years ago

AWESOME...
It's beautiful,
It works perfectly,
It's exactly what I was looking for.
Thank you very much for the technical support. Well done

Rashida Rahman Staff
3 years ago

Thanks for accepting the answer:)

Wishing you Good Luck!

Log in to reply.