How to: Change Toggle icon shape and colour

by | Tips & Tricks

Below is an extract from our ‘Tips & Tricks‘ page.

To change the Divi Toggle Module icon shape and to change the icon colour when the Toggle is open and closed, apply the following CSS to your child style.css

The above changes the icon to a down pointing green arrow when the toggle is closed and an up pointing red arrow when open.

You can use any unicode sybol in the “content:” in the above CSS – here’s a decent selection displayed in categories. http://xahlee.info/comp/unicode_index.html  To use unicode in CSS, just replace the unicode notation part  “U+” with a backslash, so “U+25bc” becomes “\25bc”

Signup for the iConnik quarterly newsletter

Thanks. You have successfully signed up

Share This