[nataliapinzonParticipant]

Dear X-theme Support,

How can I move the open/close icon to the bottom right hand corner of the accordion title/header? Ideally, I would like to change the icon to fa-plus-square in orange and have it rotate when open.

Thank you!

[Rue NelModerator]

Hello There,

Thanks for writing in!

To move the open/close icon to the bottom right hand corner of the accordion title/header and change the icon to fa-plus-square in orange, have it rotate when open, please insert this code in your child theme’s style.css (if you are using a child theme)

.x-accordion-heading .x-accordion-toggle:before {
    float: right;
    margin-top: 4px;
    content: "\f0fe";
}

.x-accordion-heading .x-accordion-toggle:before,
.site .x-accordion-heading .x-accordion-toggle:hover:before {
    color: orange !important;
}

Please let us know if this works out for you.

[nataliapinzonParticipant]

perfect! only now I have two icons showing up because I am using two lines of text on the header.. any suggestions?

[nataliapinzonParticipant]

This reply has been marked as private.

[nataliapinzonParticipant]

I figured it out.. not sure how but problem solved – thank you

[RupokMember]

You are welcome!

Glad that it solved. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts