Clear all

wpForo 1.x.x [Solved] Notification bell order

3 Posts
2 Users
1 Reactions
Posts: 4
Topic starter
Active Member
Joined: 2 years ago


I found an old thread where you answered someone's question on this but I need a little more help please. 

I'd like for the notifications widget to display the newest on top and oldest at the bottom. 

Your reply was to: 

Please try the follopwing CSS code: 

#wpf-widget-profile .wpf-notification-content > ul {
display: flex;
flex-direction: column-reverse;

The CSS code should be added in Top Black Admin Bar > Customize > Additional CSS textarea.


However, I have no idea where to add this CSS code? How do I directly edit the Top Black Admin Bar? 

Thank you so much, 


Topic Tags
2 Replies
Posts: 1323
Noble Member
Joined: 4 years ago
Posted by: @sofy

However, I have no idea where to add this CSS code?

Dashboard > Forums > Settings > Style (custom css)


1 Reply
Joined: 2 years ago

Active Member
Posts: 4

@tutrix Brilliant, thank you for this! 

Although, it didn't work straight away, for some reason I had to change the '#' to a '.' in order for it to work.

Thanks again