Change toggle icon

Thanks for reaching us. Can you please let us know, Have you facing any issues with the default one? Can you please let us know the use-case of why you want to change it? So that we will assist you accordingly to resolve your issue.

Hi @magazine3 – I don’t like the default one and doesn’t match my site design, so I want to replace it with the above one.

Please suggest how to replace the default one.

Thanks for letting us know. For this, I have raised the GitHub ticket in our repository. We will work on it and get back to you with an update.

Reference GitHub ticket for the updates: https://github.com/ahmedkaludi/Easy-Table-of-Contents/issues/359

• This reply was modified 1 year, 11 months ago by Magazine3.

For now I have resolved this using the below CSS:

#ez-toc-container label.cssicon:after {
   font-family: 'Font Awesome 5 Free';
   content: "\f0c9";
   font-weight: 900;
   color: #000cff;
   font-size: 20px;
   border: 1px solid #000cff;
   padding: 7px 10px;
   border-radius: 2px;
}

.cssicon span .list-377408, .cssicon span .arrow-unsorted-368013 {
   display: none;
}

#ez-toc-container label.cssicon {
   border: none;
   position: relative;
   top: -27px;
}

That’s cool! We will work on it and get back to you with an update soon once we finished it.

hi,
Can I change the Toggle icon to be text, for example, I want to replace the Toggle icon with the word “show” or “hide”

@daemtube: Hi, As per forum guidelines, Kindly open a new topic on yours. So that we will assist with your cause individually there to resolve it.