Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

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

3 Posts
2 Users
1 Reactions
1,641 Views
Posts: 4
Topic starter
(@teepeenomad)
Active Member
Joined: 4 years ago

Hi, 

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
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago
Posted by: @sofy

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

Dashboard > Forums > Settings > Style (custom css)

 


1 Reply
(@teepeenomad)
Joined: 4 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