Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to change colour of accordion button?

Featured Lock Resolved
Hi! I would like to know how to change the colour of the accordion primary style bar. Actualy is blue.

http://www.psicoterapiapsicoanalitica.net/servizi/ambito-clinico/condizioni-cliniche.html

Thank you!
Joseph

6 Answers

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
There is no dynamic option to change bar color. you have to change it by css. past this css code in templates/yourtemplate/css/custom.css if not exist this file then create one in that location. then past this:

.sppb-panel-primary > .sppb-panel-heading{
background-color: #428bca; /* change this color whatever you want */
border-color: #428bca; /* change this color whatever you want */
}


- Thanks

Giuseppe Del Vescovo

More than a month ago #Permalink
It works!!! Thank you ! Thank you! Thank you!
Have a nice day !
Joseph

Rifat Wahid Alif - Staff

More than a month ago #Permalink
you are always welcome :)

ixhault

More than a month ago #Permalink
Border color isn't working. I was able to change everything but the arrow color to the right of the accordion.

Pavel

More than a month ago #Permalink
Border color isn't working. I was able to change everything but the arrow color to the right of the accordion.

To do this, you need to add a custom class name to the accordion.
2954.png
Then find and copy the class of the arrow,
6547.png
5477.png
add in front of it the parent one that you added to the accordion and write down the color you need.
45877.png
Copy the result and paste into the css field of accordion.
77687.png

Attachments (5)

  • 2954.png
    2954.png 54.2 KB
  • 6547.png
    6547.png 74.6 KB
  • 5477.png
    5477.png 41.4 KB
  • 45877.png
    45877.png 67 KB
  • 77687.png
    77687.png 53.3 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 114
Sifat

Sifat

Total Accepted Answers: 114
Toufiq

Toufiq

Total Accepted Answers: 73
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296440

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us