Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #2089277
Change colour of accordions
Closed

Comments

  • The_Big_P started the conversation
    July 22, 2019 at 11:40am

    Hi,

    There seems to be no option for custom colours for accordions. Is there any way round this?


  •  4,774
    Michael replied
    July 22, 2019 at 11:50am

    HI!

    Custom color can be applied only using custom CSS, specify a link to the page where the element you need is located and we will provide you with this code.

  •   The_Big_P replied privately
  •  4,774
    Michael replied
    July 22, 2019 at 12:47pm


    pls. use following css:

    body.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #aaa;
}
body.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #888;
}
    5110651633.png
  • The_Big_P replied
    July 22, 2019 at 4:20pm

    Thanks for that...

    I've also managed to change Icons, but can't seem to change the + /- control

    The following doesn't seem to work:

    body.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-controls-icon {
        color: #ffffff;
    }


  •  4,774
    Michael replied
    July 23, 2019 at 7:46am

    HI!

    pls. use following css:

    .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::before, 
.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::after {
    border-color: #fff !important;
}

     

    6707465710.png