Changing color of new topic bars (dashicons)

#1 · January 23, 2019, 4:28 pm

Is there a way to change the color of the 4 horizontal bars(dashicons) to show a different color (red) when a new post is put up in the forum, currently it looks like it changes from blue to black or vs versa but I would like a bright color to highlight new posts. Your forum is GREAT we use it on our website, and have for the past year

#2 · January 23, 2019, 6:05 pm

Hello @deepstar

Currently the read/unread-indicators are based on the text-color and the main-color. If you want to change it you have to use some custom css-rules. Here are some examples:

#af-wrapper .unread:before {
    color: #b325a2 !important;
}
#af-wrapper .read:before {
    color: green !important;
}

You can add this code in Forum -> Appearance using the Custom CSS textfield.

Breathe and WoMo Olli have reacted to this post.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#3 · February 10, 2019, 10:48 pm

@asgaros, the above solution worked for me. However, the color of the indicator icons (circles) for new/read posts at the bottom of the forum didn’t change.

I’ve tried to inspect the element to tweak the CSS but have had no luck yet. Thoughts?

#4 · February 13, 2019, 3:46 pm

Hello @breathe

You can change the color of the indicator-icons with the following code:

#af-wrapper #read-unread .read {
    background-color: red !important;
}
#af-wrapper #read-unread .unread {
    background-color: green !important;
}

Breathe and WoMo Olli have reacted to this post.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#5 · February 27, 2019, 7:29 pm

That worked perfectly. Thank you, @asgaros!