Animated Wave Labels - Important & Success Badges

Tutorial Animated Wave Labels - Important & Success Badges

11 0 1
Meta

Meta

ADMINISTRATIVE
Reputation: 100%
739 113 798 1.7K
Compatible with XF versions
XF 2.2; 2.3

1766219608768.webp

Step 1: Add CSS to extra.less​

  1. Go to Admin CP → Appearance → Styles
  2. Click your active style → Templates
  3. Search extra.less → Edit template
  4. Paste this code at the very bottom:

CSS: 
You must log in to view
(51 lines)

Step 2: Test It!​

Create an HTML Widget on your forum homepage:
CSS: 
You must log in to view
(7 lines)

💡​

1. In Posts (message_macros)​

CSS: 
You must log in to view
(3 lines)

2. User Badges​

CSS: 
You must log in to view
(2 lines)

3. Thread Prefixes​

CSS: 
You must log in to view
(2 lines)
1766222704393.webp
 
Last edited:
Subtle Winter Snow Effect for Header & Footer (Light/Dark Mode Friendly)

Subtle Winter Snow Effect for Header & Footer (Light/Dark Mode Friendly)

Previous Thread
Animated Neon Notification Cards for Widgets

Animated Neon Notification Cards for Widgets

Next Thread
You must log in or register to reply here.
Similar content Most view View more

Featured content

Trending content

Back
QR Code
Top Bottom