HTML Elements Forums Accordion Change arrow indicator of accordion items

This topic contains 1 reply, has 2 voices, and was last updated by  ivailo 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #99462

    hansT
    Participant

    Hi !

    How can i change the arrow indicator that is placed before the label of the accordion items ? I want to hide it or maybe replace it with a different one ?

    #99466

    ivailo
    Participant

    Hi hansT,

    You can manipulate(update or remove) accordion’s arrows, via updating the settings of .smart-arrow CSS class.
    To change arrows position in the header you have to update the order, for example order:0 will set the arrow at the beginning of the accordion item’s header block.
    If you want to remove the arrow – use display: none ;
    To change the arrow with a different icon you have to manipulate it’s ::after pseudo-element.

    Best Regards,
    Ivailo Ivanov

    Smart HTML Elements Team
    https://www.htmlelements.com

    • This reply was modified 3 months ago by  ivailo.
    • This reply was modified 3 months ago by  ivailo.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.