Avada Forums Community Forum Changing the font colour of the FAQ titles

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • acollyer
    Participant
    Post count: 1

    Hi everyone,

    PLEASE HELP!

    I’ve added an FAQ section to my site, but struggling to change the title font colour…the fusion builder options don’t seem to offer a direct way of changing, so wondering if anyone could offer any specific CSS to tackle them please?

    Thanks in advance

    marklchaves
    Participant
    Post count: 873

    Hello,

    You can try to use this CSS to change the heading/question part of the FAQ element.

    
    .fusion-toggle-heading {
      color: fuchsia; /* Change as needed. Use !important if needed. */
    }
    
    
    langley_creative
    Participant
    Post count: 2

    Hi Mark, this was very helpful, thanks. I had the same issue. I still have small issue. Hover colour seem to be gone now, or not working. Any ideas?

    marklchaves
    Participant
    Post count: 873

    Hi,

    I’d have to see the code to figure out why. Or, you can try to set the hover colour yourself by giving this CSS a go.

    
    .fusion-toggle-heading:hover {
      color: firebrick; /* Change as needed. Use !important if needed. */
    }
    
    

    Thanks!

    Des
    Participant
    Post count: 1

    Hi just found this solution when i was facing same problem. and works fine for me thanks for sharing!
    i did add the line of code without the text between and these symbols /* */. did add it in wp admin avada options custom css.

    I did try to do the same with the category filter options using this code:

    .fusion-filter” { color: #1d1d1d; }
    .fusion-filter”:hover { color: #f19100; }

    But this somehow is not working does anyone know what i do wrong?

    thanks for your help!

    marklchaves
    Participant
    Post count: 873

    Hey @des,

    Can you be more specific? Sorry, it’s not obvious to me what exact element you need help with. Here’s what can help:

    1) A link to the page with the element.
    2) The exact location of the element on the page.

    In the meantime, you can try removing the double quotes in your code (“) because I don’t think that’s valid CSS.

    Cheers!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.