Accordeon Fa-chevron Icon With 'custom' Setup - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Accordeon Fa-chevron Icon With 'custom' Setup

H

Happaerts

SP Page Builder 2 years ago

Is there a possibility to add a fa-chevron right icon when one is using the custom accordeon setup. I don't see any option to add a 'open-close' icon on the right side of the accordeon. (Sp Pagebuilder 5)

Thanks, Marc

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #126011

Hi

Thanks for contacting us. Could you please explain it a bit more? If possible give me a screenshot of it/ give me any demo of it please.

-Regards.

0
H
Happaerts
Accepted Answer
2 years ago #126453

Accordeon Custom, without chevron : https://drive.google.com/file/d/1NCHcbV1-nJgV3nUcy-oshU_mf3uQXN4h/view?usp=drivesdk Accordeon Standard, with chevron: https://drive.google.com/file/d/168BMeHzXgch_wxOmD2PSChgZAQ2GQgBX/view?usp=drivesdk

Custom made with chevron would be nice ... Ps: Custom options on accordeon in latest version 5 are quite buggy, need some fixes ...

Thanks, Marc

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #126467

Could you please give me a screenshot of it please and also give me your site URL?

0
H
Happaerts
Accepted Answer
2 years ago #126525

Url without chevron, this is a custom accordeon setup (no possibility to set a + or > sign on the right : https://tst.happaerts.net/informatie/parasieten/vlooien Example with a > sign on the right, this is a standard accordeon setup : https://tst.happaerts.net/informatie/parasieten/wormen

Both are working correctly, but the open/close indication gives a clue that is is actually a accordeon menu.

Regards, Marc

0
Pavel
Pavel
Accepted Answer
2 years ago #126527

Hi Marc. It can be done only via CSS. For example, using pseudo element ::after inside sppb-panel-heading

0
H
Happaerts
Accepted Answer
2 years ago #126534

Pavel,

I hoped that I could use some bootstrap class for this ..

Marc

0
Pavel
Pavel
Accepted Answer
2 years ago #126558

Hi. In general there is no way to use Bootstrap classes to add a chevron. And even if such a way was in the HTML code there is no element for this (in Accordeon Custom code). Therefore, only CSS with ::after

0