Replace Accordion "+" and "-"

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 8, 2014 at 7:09 am #288347

mike.rav
Participant

Hello,

I would like to know how i can replace the “+” and “-” with 2 images; one for expand and one for collapse.

I managed to add an image by adding “background” property in “.toggle_icon” though i am left with two classed “vert_icon” and “hor_icon”.

How can i apply my images?

thanks in advance.

July 8, 2014 at 10:54 am #288394
Yigit
Keymaster
Hey george!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
```
span.toggle_icon { background: url(https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678092-sign-add-16.png); }
.vert_icon, .hor_icon { display: none; }
p.toggler.activeTitle .toggle_icon { background: url(https://cdn2.iconfinder.com/data/icons/snipicons/500/minus-sign-16.png); }
```
Cheers!
Yigit
July 8, 2014 at 11:01 am #288399

mike.rav
Participant

sweet!!!! thanks a lot

July 8, 2014 at 11:39 am #288416

Yigit
Keymaster

Hi!

You are welcome, glad we could help! :)

Cheers!
Yigit
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Replace Accordion "+" and "-"’ is closed to new replies.