-
AuthorPosts
-
September 13, 2020 at 10:12 pm #1245551
I have searched and tried all kinds of CSS coding and cannot make a change to the toggle icon in accordion when it is inactive. I need to change the toggle icon to white.
September 13, 2020 at 11:17 pm #1245557Hey pamk21,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#wrap_all #main #av_section_5 .hasCurrentStyle .toggle_icon, #wrap_all #main #av_section_5 .hasCurrentStyle .toggle_icon > span { border-color: #fff !important; opacity: 1 !important; } #wrap_all #main #av_section_5 .hasCurrentStyle .activeTitle .toggle_icon, #wrap_all #main #av_section_5 .hasCurrentStyle .activeTitle .toggle_icon > span { border-color: #424680 !important; opacity: 1 !important; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeSeptember 13, 2020 at 11:47 pm #1245564Hi Mike – No go.
This is the only code I had above the code you sent – Thought maybe this in interferring.
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block!important;
}}#top .avia-button {
border-radius: 10px !important;
}September 14, 2020 at 2:21 am #1245577Hi,
Thank you for the feedback, I checked your site’s merged css and didn’t find the above css, but when I test by injecting the css it works, please see the screenshot in Private Content area.
So my thought is that your cache didn’t clear or it wasn’t merged. So please try disabling your Enfold Theme Options > Performance > JS & CSS file merging and compression and enable the Enfold Theme Options > Performance > Delete old CSS and JS files at the bottom of the same page.
Then add the css to: WordPress > Customize > Additional CSS field, this will have the highest priority.
Then clear your browser cache and check.
If this doesn’t work for you please check if you can clear your server cache, if you have one.
Otherwise, please include an admin login so we can check.Best regards,
MikeSeptember 14, 2020 at 2:54 am #1245581Wow Mike – I never went in to Performance before. It is now working. Awesome – you are the best.
Should I now shut off the toggle (delete old CSS and JS files?) or leave it on.
Thanks again. Your follow-up is superior!
Pam
PS: Why would Enfold not make it part of the theme to change toggle colors – rather than use all this code?
September 14, 2020 at 4:40 am #1245609Hi,
I’m glad this was resolved. Also, perhaps with enough encouragement like yours, the feature can be added in the future.
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.