XF 2 Tip Custom Banner Img

jhoancito

Well-known member
Registered
Joined
Mar 23, 2021
Messages
64
Points
18

Reputation:

Custom Banner image
Welcome to my First tutorial
Want Group Banners Like this?
View attachment 37053

Then here you are right
First login in admin panel.
Go to appearance > styles > templates > extra.less

CSS:
.owner {
    color: #fff;
    background: url(https://moxx.tech/data/assets/m/admin-banner.webp);
    background-position: center;
    background-size: cover;
    border-color: #971a1a !important;
    transition: ease-out .5s;
    position: relative;
    text-align: center;
    align-items: center;
    padding: 1px 6px 0px 32px;
    font-size: 75%;
    font-weight: bold;
    border-radius: 3px;
    margin-top: 3px;
    cursor: default;
}
.owner::before {
   
    font-family: 'font awesome 5 pro';
    content: "\f21b";
    width: 9px; /* Adjust the width of the icon as needed */
    height: 16px; /* Adjust the height of the icon as needed */
    position: absolute;
    left: 8px; /* Adjust the left position of the icon */
    top: 50%;
    transform: translateY(-50%);
}
.
Like this:

View attachment 37054

Then go to

Groups & permissions > User group > Your user Group


View attachment 37055

Change it to your group name that you but in the extra.less if ther stand .owner then you need to typ in owner if it is .moxx then moxx


Thanks for reading Love u All
moxxHow can I enlarge or widen the rectangle that is the image of the range?

and also what would be the code for prizes, you can also
 

aab985030

Well-known member
Registered
Joined
Oct 11, 2023
Messages
50
Points
8

Reputation:

that's cool! website is down though was going to check out the website.
 
Top