Dear Tagdiv team
I would like to knwo which CSS-classes or ids I need to address if I would like to change the colour-settings in the hover-status of the accordion?
Best regards,
Hello,
You can use CSS to target the hover color:
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover{
background-color:blue;
}
result: http://screencast.com/t/vANc2cQ4
Thank you!
Hi
Thanks a lot for the fast reply. Unfortunately it didn’t work out. I added your code to the style.css file of the newspaper theme and set the colour to yellow. But on the following site, the colour which appears when hovering over the accordion tab is blue.
Have a look: http://testumgebungneu.radiouahid.fm/deine-chance/
Hello,
Unfortunately your accordion element has different classes than the default one and uses a different css than style.css.
Please try it without plugins to avoid it getting the css from flick.css: http://screencast.com/t/kNjxugXb (not from the theme)
And another thing you can do is update your tab element because you use the depracetd version of accordion. There is a new element in the current visual composer and the deprecated ones will be eliminated from the next version.
The code i provided works with the new element which you should be using.
Also please add the code to the theme panel- custom css box not directly to the style.css because an update will rewrite this file and you will lose your customization.
I hope this helps.
Thanks.
Hi
Thanks again! I will try to find the plugin which causes the problem.
Regarding the updated tab version: I don’t see how I should update the tab element. I’ve checked all the settings pages. No update message is visible in the backend.
Best regards,
Hello,
You cannot ‘update’ your accordion tab as a regular update. The only way to update a vc element is to remove it and create it again. Sorry for that, I should have been more specific. Your accordion was created with an older version of visual composer which used the old element.
You will need to update your version of visual composer as well as i see you have not updated it. Please follow this guide to do it: https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
I hope this helps.
Thanks.
Hi
Good news: I found the plugin which caused the problem.
Bad news: I performed the described steps to update Visual composer but nothing changed. Your code still does not work.
Best regards,
Hello,
I have inspected your website again and visual composer is not updated. It’s still version 4.5.3. Please use the guide and update your plugin. And the accordion tab is still the old deprecated tab. The code will not work on your tab element. Only on the new element. Please delete and recreate your accordion tab with the new version of visual composer.
Thank you!
