Reply To: Custom style and custom colours in accordion panels #3

Home Forums WordPress Themes – Premium Circumference Custom style and custom colours in accordion panels #3 Reply To: Custom style and custom colours in accordion panels #3

#46206
Sushil Adhikari
Moderator

Hi Fabienne Schumann,
If you just want to change the color of an accordion panel for instance; if you are changing the aqua-color panel to your own, try the code below;

.panel-aqua > .panel-heading {
    background-color: #323095;
}

or if you simply want to add another panel of your own; Use these html snippets inside the text editor of your page.

<div class="panel panel-new">
<div class="panel-heading">
<h4 class="panel-title"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel2">Panel Heading</a></h4>
</div>
<div id="panel2" class="panel-collapse collapse">
<div class="panel-body">
<p>'your content'</p>
</div></div></div>

Note: 1. If you want to change the icon and title of your own you have to edit the html snippets as mentioned above.You can use font awesome shortcode plugin for varieties of icon you prefer to choose.
2. You can adjust the colour,spacing and other formattings accordingly in your css editor.

Hope it works for you.
Thanks!