Support Forums

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

Your Time: Our Time:

Accordeon

Featured Lock Resolved Task
Hello
Is it possible to assign a separate color to every single "sppb-panel-heading" in an accordion?
greeting
Tobby

16 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Thanks, now is everything perfect.
ok.jpg


p.s.
I overridden language phrases in joomla, so you have both DE and EN

Remember to clear Browser cache deeply

Attachments (2)

  • ok.jpg
    ok.jpg 65.9 KB
  • accordion_item_title_class_UNZIP.zip 6 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
as I remember by default from settings you can set different colors only for whole accordion.

But with small php customization you should be able to add unique class name for each item. Then set colors for each.
---
Alternative way, maybe try CSS method based on :nth-child() Selector, hmm

Tobias

More than a month ago #Permalink
hi Paul,
I tried css but it does not work. Can you help me?
Thank you
Tobby

Paul Frankowski - Staff

More than a month ago #Permalink
indeed 2nd idea doesn't work, that's why I said "maybe" , not "have to".

I guess you have to customize addon code.

Tobias

More than a month ago #Permalink
ich werde es versuchen
Danke

Paul Frankowski - Staff

More than a month ago #Permalink
For sure, I will ask for such a option in upcoming updates, at least this I can do for free now.

Tobias

More than a month ago #Permalink
cool, that would be great

Paul Frankowski - Staff

More than a month ago #Permalink
I was wondering about adding choose class for titles.
If you want to be my tester , please check below unofficial addon, admin settings.

Unzip and Copy folder here
templates\shaper_NAME\sppagebuilder\addons\

Attachments (2)

  • accordion_item_title_class_UNZIP.zip 6 KB
  • effect.png
    effect.png 3.8 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Yes each item title can have custom class name now.
I guess this was your goal. :D

Tobias

More than a month ago #Permalink
Hello Paul,
many thanks. I did everything as they wrote it. It does not seem to work ....

greeting
Tobby

Paul Frankowski - Staff

More than a month ago #Permalink
It does not seem to work


work or not?
On my site worked. Extra class is added but first you have to add unique word for each.

Then you have to create extra custom CSS with defined values.

Paul Frankowski - Staff

More than a month ago #Permalink
Look
how-it-work.png

Attachments (1)

  • how-it-work.png
    how-it-work.png 39.2 KB

Tobias

More than a month ago #Permalink
Hello Paul,

I do not get an input field for the class, in the backend ...

greeting
Tobby

Paul Frankowski - Staff

More than a month ago #Permalink
Tobias, is not possible if you done as I said.
Ok, send me access to your Joomla admin area via PM

Tobias

More than a month ago #Permalink
Thanks, now is everything perfect.
[attachment]ok.jpg[/attachment]


p.s.
I overridden language phrases in joomla, so you have both DE and EN

Remember to clear Browser cache deeply


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 123
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 101
Toufiq

Toufiq

Total Accepted Answers: 36
J

johnny

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

100+

Templates

200,000+

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