Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Accordion custom color

accordioncustom color
    • 9 years, 9 months ago lynn__kk
      Participant

      Expired

      Hi,

      I would like to change the accordion color for a custom one..

      Would you help me?

      Thanks!!

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:
      .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #97E08B;}

      Change the color to your need. Let us know if this is what you wanted.

      Best regards!

    • 9 years, 9 months ago lynn__kk
      Participant

      Expired

      Hi,

      I’ve added this code into my custom css box, but didn’t worked…

      If it’s necessary, I can give you my credentials.

      Thanks!

    • 9 years, 9 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Please edit the code above to this:
      .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #97E08B !important;}
      If still no luck, send us your wp credentials in a private reply and we’ll do it for you.

      Best regards!

    • 9 years, 9 months ago lynn__kk
      Participant

      Expired

      Thanks! now it works. But the color only affects to the active panel. Is it possible the color affects to general, “inactive” panel too?

       

       

       

    • 9 years, 9 months ago lynn__kk
      Participant

      Expired

      a photo to explain it better, just in case: https://nueva.ifma-spain.org/acordeon

    • 9 years, 8 months ago Mirela
      Participant

      Hello,

      yes, please edit the code above to this:
      .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { background-color: #97E08B !important;}

      Best regards!

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password