AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] Notification bell order

3 Posts
2 Users
1 Reactions
1,753 Views
Posts: 4
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@teepeenomad)
Active Member
Joined: 4 years ago
[#22583]

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: 1519
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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  


Share: