Changing icons in toggle menu

[jennhelmond]

I am using the minimal toggle. I would like to be able to change what the icons are on the right side of the toggle titles, as well as adding some custom styling, for both the standard and active versions, but I can’t seem to find the right place to change them. Could you please point me to the right lines of code to modify? Thanks.

---

[jennhelmond]

Hi. I was hoping to get some feedback on this issue. I can’t figure out where to modify the coding to change the appearance of the icons.

---

[jennhelmond]

Also, is there a way to make it that if you click the icon a second time, the toggle closes again? Almost a combined toggle/accordian functionality?

---

[Support]

Hello,

First very sorry for the delay to reply this ticket. By some reason we not received the notification when a ticket is opened for this specific case.

Also, is there a way to make it that if you click the icon a second time, the toggle closes again? Almost a combined toggle/accordian functionality?

This is possible by changing the data plugin option isAccordion to false:

<div class="toggle toggle-minimal toggle-primary" data-plugin-toggle data-plugin-options="{ 'isAccordion': false }">

I would like to be able to change what the icons are on the right side of the toggle titles

Add the code below in (css/custom.css):

.toggle > label:before, 
.toggle > .toggle-title:before {
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0;
    transform: none !important;
    top: 14px !important;
}

* Note content: '\f017' is the code of font awesome icon that you should get here: https://fontawesome.com/. For example:

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts