Change Toggle Icon/Location

[cbuckley88]

#456973

is there anyway to change the location of the toggle icon, besides the Left/Right option provided? I want to place the icon at the end of a sentence. Any help would be greatly appreciated!

[mvseitz]

#520544

Same here. I’m trying to find a way to possibly change the icons individually, but couldn’t locate on the Theme Settings. Is this something needs to be hacked through the actual CSS file?

[worleytm]

#533799

Any luck on this? Hoping to do the same.

[morupf]

#539429

You can change the icons of the toggles by adding this custom CSS
.fusion-accordian .panel-title a .fa-fusion-box:before {
content: “\f0c9”!;
}

To find the code for the icon go to the font awesome website: https://fontawesome.com/icons and look up the code there.

All free font awesome icons should be part of the current Avada release.

Note: the class is really called .fusion-accordian with an “a” instead of accordion with an “o” 🙂

[PhilippeM74]

#568998

Thank you morupf for the link to fontawesome : it’s very useful and it works perfectly !
Cheers,

[PeterC66]

#597971

I have just tried exactly this and cannot get it to work. Without my changes the CSS for :before I see on Inspection is:

.fusion-accordian #accordion-182-1 .panel-title a .fa-fusion-box:before {
    font-size: 22px;
    width: 22px;
}
.fusion-accordian .panel-title a .fa-fusion-box:before {
    font-family: IcoMoon;
    content: "\e61d";
    font-style: normal;
    line-height: normal;
    font-size: 13px;
    display: grid;
}

So maybe Avada 5.9 is using IcoMoon rather FA?
It is not very important to me so I will leave the toggle icons as the Avada default (+/-).

[Michael]

#598076

Hi @peterc66

You have active theme support and because our support team does not provide support via the community forum, please create a ticket using the link below and our team will gladly help.

Click Here To Get Avada Support

Thank you kindly

[PeterC66]

#598102

Thanks @Michael,

I shall not create a ticket in this case as I have decided to leave the icons as they are, even though I would have preferred to be able to match the icons to what I used on my original website.

It might be that you would like to change the system, the documentation, or annotate this conversation – just in case anyone else comes across the issue.

Peter

[Author]

Posts