Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

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?


  •  5,055
    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
  •  5,055
    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;
    }


  •  5,055
    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