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

Your Time: Our Time:

Accordion RTL

Featured Lock Resolved Task
Hi,
Any solution to change the icon (font awesome) from "fa-chevron-right" to "fa-chevron-left" in RTL languages?
With custom css i can change the position but not the icon.

Thank you!

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
If your website is multilanguage it requests more effort. Check screenshots.
you have to add an extra class name to "rtl" to "CSS Class" field in addon

rtl.png

and put below code into custom CSS:

.sppb-addon-accordion.rtl .fa-chevron-right::before {
content: "\f053" !important; }


--this method should be used when addon uses RTL language.


----
How to use custom CSS, in Helix or SPPB documentation pages.

Attachments (2)

  • rtl.png
    rtl.png 5 KB
  • arrow.png
    arrow.png 2.9 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Yes, if your site is one language only with RTL language.
The best way will be to override inside your template and customize that file:
addons\accordion\site.php
and line

$output .= '<span class="sppb-toggle-direction" aria-label="Toggle Direction Icon '.($key+1).'">
<i class="fa fa-chevron-right" aria-hidden="true"></i></span>

David

More than a month ago #Permalink
Works great!
Thank you very much.
I added also this:

.sppb-panel-heading.active .sppb-toggle-direction {
transform: translateY(-50%) rotate(-90deg)!important; }

To change the rotation direction.

Paul Frankowski - Staff

More than a month ago #Permalink
yes, this method also should work OK.


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: 133
Toufiq

Toufiq

Total Accepted Answers: 105
Sifat

Sifat

Total Accepted Answers: 59
ES

Emma Seymour

Total Accepted Answers: 1
B

blueoceanyyc

Total Accepted Answers: 1

116

Templates

300083

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