Creating custom prefix styling

XF 2 Tip Creating custom prefix styling

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
V.I.P Member
Collaborate
Registered
Joined
Nov 13, 2018
Messages
8,445
Points
698

Reputation:

ENXF NET submitted a new resource:

Creating custom prefix styling - Less is more

By default, XF comes with the following prefix styles:
View attachment 7620
Creating custom styling using the Other, using custom CSS class name option is fairly straightforward.

This guide will explain how to.

The easiest way by far to add new prefix styling and to ensure it inherits all of the core styling is to edit the core_labels.less template.

Look for the section in the template highlighted in the screenshot below:
View attachment 7621
Then...
Read more about this resource...
 

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
V.I.P Member
Collaborate
Registered
Joined
Nov 13, 2018
Messages
8,445
Points
698

Reputation:

I am looking for an answer for you
 

DareDevil

Enxf Proud Member
Staff member
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
May 25, 2019
Messages
1,036
Points
273

Reputation:

anonnsec

Well-known member
Registered
Joined
Nov 6, 2019
Messages
147
Points
43

Reputation:

.label.label--Mixed {
content: "\f02d";
font-family: FontAwesome 5pro;
margin-right: 4px !important;
color: #ff33cc !important;
background: #ffffff !important;
font-weight: bold;
}


why this one is not working?
 

juabo10

VIP Member
V.I.P Member
Registered
Joined
Aug 20, 2020
Messages
20
Points
3

Reputation:

1602364197856.png
The name of the prefix I see a little below, how do I center it?
 
Top