Notifications
Clear all

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

3 Posts
2 Users
1 Reactions
889 Views
Posts: 4
Topic starter
(@teepeenomad)
Active Member
Joined: 3 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: 1493
(@tutrix)
Noble Member
Joined: 5 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: 3 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