Skip to main content

FluentCommunity

Help changing color of icons

Can someone give me a bit of help? I've been able to customise quite a bit of the menu header with CSS using snippets and the code here https://github.com/WPManageNinja/fluent-community-docs/blob/master/code-snippets.md#custom_css

I've been able to change the menu colors, hover colors, borders, etc, but I can't seem to change the color of the moon, search, bell, and chat icons... Anyone can help me? I have very basic css knowledge...😅

thank you in advance

  • 4 likes
  • 7 comments

Linda Rando

Personally, I use CSS Hero 🥹

Pat k

Linda Poulsen_1, Linda, thank you SO much, I had no clue this existed.

Linda Rando

Pat k, it's a game changer! I love it.

Pat k

Linda Poulsen_1, unfortunately I wasn't able to edit many of the things. The logo size, the little icons can't be changed in color, the mobile hamburger... Everything seems to be working when inside hero css, but in live website isn't applying 🥲 But thank you for sharing this tool anyway!!, as it works wonder for the buddyboss theme.

Wilco

Would be nice if in the feature you can do this easily with a dashboard and the use of CSS variables, being able to follow variables from the main theme would be nice. Instead of needing to "hack" into the current existing css classes.

Pat k

Wilco W, yes that would be great

Paul Hopkins

I too would love this.