Docs

[armintz]

i’m trying to change and style the accordion element icons. oddly, i have no problem doing this on another website using x theme (including the same stack) but for some reason the same code is not taking effect on another site.

i have the code below added to my child theme (not customizer > css):

.x-accordion-heading .x-accordion-toggle.collapsed:before {
  content: "\f063";
  color: #649ecf;
}

.x-accordion-heading .x-accordion-toggle:before {
  content: "\f062";
  color: #505050;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

the default icons are still showing on the accordion, as you can see on this page here: http://tinyurl.com/go5tn82

i’ve confirmed it’s not a caching issue. any idea why it’s not taking effect?

[Darshana]

Hi there,

Thanks for writing in! If you’re adding it to your Customizer, you will have to use two backslashes because when saving it will stripped one.

Also please provide us with the link to your page to check.

Thanks!

[armintz]

I already mentioned that I was adding it to my child theme and not customizer, and I also provided the link to my site in the original post as well.

However, I’ve solved the issue on my own. Thanks.

[Prasant Rai]

Happy to see you have resolved the issue. Let us know if you have any other questions. 🙂

[Author]

Posts