Changing Arrow-Status
Permalink Browser Info Environment
Hi,
i would like to know if it's possible to change the status for an arrow-image/Font Awesome in front of the item-list. So if the item is closed, the arrows ist right. If the item is opend, the arrow should change to down, etc.
Is this possible? I didn't find the solution, while trying the existing CSS:
Thanks for your help. Best regards,
Markus
i would like to know if it's possible to change the status for an arrow-image/Font Awesome in front of the item-list. So if the item is closed, the arrows ist right. If the item is opend, the arrow should change to down, etc.
Is this possible? I didn't find the solution, while trying the existing CSS:
.simple-accordion-group.closed .simple-accordion-title-shell > *:before { font-family: "FontAwesome"; content: "\f0da"; margin-right: 8px; } .simple-accordion-group.open .simple-accordion-title-shell > *:before { font-family: "FontAwesome"; content: "\f0d7"; margin-right: 8px; }
Thanks for your help. Best regards,
Markus
Type: | Pre-Sale |
---|---|
Status: | In Progress |
not sure if you are still looking for it, but i achieved it with the following custom CSS:
of course you will have to adjust the margin and left position to fit your layout. you can also change the color and transparency of the arrow by changing the rgba(0, 0, 0, .5) to anything else. in this case, it's 50% black.
The only problem which i encountered so far is, that the add-on doesn't set the "collapsed" class from the beginning if the initial state of the accordion is collapsed.