Hi guys
I have an accordian toggle on my page (please see the bottom of http://www.sjidesign.com/moesarc/?page_id=3317) and I would like to change the toggle images to the following (http://www.sjidesign.com/moesarc/wp-content/uploads/2016/03/toggle.png) for open toggles and (http://www.sjidesign.com/moesarc/wp-content/uploads/2016/03/toggle2.png) for closed toggles.
This is what I want to achieve http://www.sjidesign.com/moesarc/togglescreenshot.jpg
Many thanks in advance for any help
Dan
Hey sjidesign!
Thank you for using Enfold.
Start with this css code:
.toggle_icon span {
display: none;
}
.toggle_icon {
background: url('http://www.sjidesign.com/moesarc/wp-content/uploads/2016/03/toggle.png');
width: 29px;
height: 29px;
}
.activeTitle .toggle_icon {
background: url('http://www.sjidesign.com/moesarc/wp-content/uploads/2016/03/toggle2.png');
}
Regards,
Ismael
Hi Ismael
Thank you very much the code worke perfectly.
Really appreciate your help, cheers
Dan