How To Change The Color Of Accordion Title When I Hover My Mouse Over The Title - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

How To Change The Color Of Accordion Title When I Hover My Mouse Over The Title

M

MariusN

Template 1 year 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

0
4 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #135233

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

0
M
MariusN
Accepted Answer
1 year ago #135378

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #135766

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!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #136217

Thanks for accepting the answer:)

Wishing you Good Luck!

0