Toggle symbol being replaced by a letter

  • Resolved Matt

    (@britishfilth)


    6 years, 10 months ago

    The list of toggle symbols under styling options in Premium is being replaced by a corresponding letter on the front end. I see symbols to choose from in the back-end, but the front end shows a letter instead (lowercase when the FAQ isn’t revealed, uppercase when it is). The letter changes depending on the toggle symbol I pick (the first one results in an a/A appearing, the second b/B, etc.)

    I’ve tired changing symbols but nothing seems to fix this.

    • This topic was modified 6 years, 10 months ago by Matt.
Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi Matt,

    It sounds like your site theme CSS might be overriding the ewd-toggle-icon font that generates UFAQ’s icons.

    Anyway, here’s some CSS you can add to the “Custom CSS” section (in Settings->Basic Options): 

    .ewd-ufaq-post-margin-symbol,?.ewd-ufaq-toggle-all-symbol?{
font-family:?'ewd-toggle-icon'!important;}

    If you’re still encountering the issue after applying the above code, we’ll need you to send us a link to your FAQ page.

    Thread Starter Matt

    (@britishfilth)

    Thanks for the feedback. Unfortunately that code didn’t help. How can I send you the page privately?

    Hi Matt,

    You can email us the link at [email protected]

    Thread Starter Matt

    (@britishfilth)

    Thanks. I’ve actually figured out what the problem was and thought I’d update here for anyone else affected by this. Bottom line, it’s nothing to do with the plugin.

    I needed to select ‘add a CORS header’ in my pull zone settings in my CDN service. Lack of a CORS header can affect icons and checking the setting to include it not only fixed this issue but one or two other icon-related issues I was experiencing as well.

    Hope that helps somebody!

    • This reply was modified 6 years, 10 months ago by Matt.
    • This reply was modified 6 years, 10 months ago by Matt.

    Hi Matt, I am having the same problem but I am lost to what you are referring to about CDN, etc. I tried searching the acronyms, etc but could not figure it out. Can you possibly explain in more simple terms? Thank you.

    Thread Starter Matt

    (@britishfilth)

    Do you use a CDN (Content Delivery Network)? Examples would be MaxCDN or Cloudflare.

    If you don’t, my solution isn’t going to help you.

    I’m having an issue with this also.

    I’ve added the custom CSS coding to the basic settings tab, but I’m still only getting the letters to display.

    Thanks for you help in advance!

    I was able to resolve the issue.

    My stylesheet was overriding the HTML style, so I had to use another class to make the icons display. See below:

    .ewd-ufaq-post-margin-symbol span{
   font-family: 'ewd-toggle-icon' !important;
}

    Hope this helps someone.
    Thanks!

    • This reply was modified 6 years, 9 months ago by bkreative.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Toggle symbol being replaced by a letter’ is closed to new replies.

Tags