Change toggle icon

Resolved wpsoftcode
(@wpsoftcode)

3 years, 5 months ago
Hi there,

I want to replace default toggle icon: https://i.imgur.com/4I1dgwK.jpg, with this one.

I did apply the below CSS, but it is now appearing like this: https://i.imgur.com/6YtDUNt.jpg
```
#ez-toc-container label.cssicon:after {
   font-family: 'Font Awesome 5 Free';
   content: "\f0c9";
   font-weight: 900;
   color: #000cff;
   font-size: 20px;
}
```
Could you please tell me how I can replace the default icon with mine using CSS?

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author Magazine3
(@magazine3)

3 years, 5 months ago

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.

Thread Starter wpsoftcode
(@wpsoftcode)

3 years, 5 months ago

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.
Plugin Author Magazine3
(@magazine3)

3 years, 5 months ago
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 3 years, 5 months ago by Magazine3.
Thread Starter wpsoftcode
(@wpsoftcode)

3 years, 5 months ago
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;
}
```
Plugin Author Magazine3
(@magazine3)

3 years, 5 months ago

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

دعم تيوب | DaemTube
(@daemtube)

3 years, 1 month ago

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”

Plugin Author Magazine3
(@magazine3)

3 years, 1 month ago

@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.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Change toggle icon’ is closed to new replies.