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.

Okay
  Public Ticket #989179
Accordion Help
Closed

Comments

  •  2
    Angus Gorrie started the conversation

    Hi there,

    I am struggling with changing some aspects of the accordion as displayed on the URL i attached. I want to change the following, but have not found how to do that;

    - Font (to match rest of page) & font color

    - Background color of the active header bar (default is 'industrial' when the page loads)

    - Background color of the other header bars.

    - Border Color of the (currently grey) border lines.

    - Size of the accordion on the page

    Any help you can offer me would be fantastic! I have attached a screenshot which highlights the areas i need changing. 

    Thanks, 

    Angus

  •  7,120
    Oliver replied

    HI!

    pls. use following css:

    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a {
        color: #000;
    }
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
        border-color: red;
        background-color: #ffffff;
    }
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body {
        border-color: red;
    }
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a {
        color: green;
    }
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon::after {
        border-color: pink;
    }
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
        border-color: black;
        background-color: blue;
    }
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a {
        font-size: 12px !important;
        line-height: 20px;
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,120
    Oliver replied

    May be i forgot something. Pls. add screenshots if you need to change something else.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    Angus Gorrie replied

    Hi Greg,

    I think you have superpowers! Thanks! 

    I'll submit another ticket if I have any more questions.

    Angus

  •  7,120
    Oliver replied

    You are welcome if you need help!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver