Notification bell order - How-to and Troubleshooting - wpForo 2.0

RE: Notification bell order

teepeenomad — Sat, 25 Jun 2022 12:15:20 +0000

@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

Tutrix — Fri, 24 Jun 2022 18:59:56 +0000

Posted by: @sofy

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

Dashboard > Forums > Settings > Style (custom css)

teepeenomad — Fri, 24 Jun 2022 15:39:16 +0000

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,