Tagged: Accordion
I have tried an issue with
https://kriesi.at/support/topic/enfold-accordion-toggle-image-icon/
but it dont’ work right.
May be i should to do same modifications with toggle.php, but i have no access to website files. its hosted on godaddy and client bought only wordpress type of hosting. :)
How can i change it to arrow like here :
.menu li > a:after { content: ‘ ▾’; }
.menu li > a:only-child:after { content: ”; }
I know it’s for menu, but it looks simple and short, do you have something like this for accordion?
Thank you
Hey Serge,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.toggle_icon * {
border: none!important;
}
.toggler .toggle_icon:before {
content: ' ▸';
position: relative;
top: -8px;
}
.toggler.activeTitle .toggle_icon:before {
content: '▾';
}
Best regards,
Yigit
Thank you very much for your answer!
I pasted it and + symbol disappeared
i have also this code:
.main_color .toggler:hover {
color: white;
background: #ffcc00;
}
.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #fff;
}
.toggle_icon {
position: absolute;
width: 15px;
height: 15px;
border-style: solid;
border-width: 0px;
top: 17px;
left: 10px;
}
.js_active .toggler { border: none !important; }
so i guess it conflicts with your somehow. Tell me please what should i delete or change?
Thank you!
fixed,
my bad was copying from email not from forum directly )
Thank you!
Your support is awesome as usual!
Hi,
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit