[For 1.8] Replace MyBB Userstars img by Font Awesome 5 Free
#1
Add Fontswesome Repo Link to Headerinclude Template

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">


postbit_userstar
member_profile_userstar
memberlist_user_userstar
calendar_event_userstar

Replace Content With 

<i class="fas fa-star" alt="*"></i>

You are Done

if you want to increase font size you may add below mention code to Global.css

.fa-star{font-size:14px;}




Reply
#2
Nice tutorial.+1
Reply
#3
great tutorial man, still learning in 2021 😂
Reply
#4
@mujeebdgk thanks for the Tut, but it's hard to understand....Q1 Wrote:Where is 'headerinclude' for first part of tutorial?Q2] Where are _userstar files located? & what do I replace (which lines of code)?Thanks so much, looking forward to getting FontAwesome Stars :-)Cheers,PHORUMws pid='1370542' dateline='1630129142']

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">


postbit_userstar
member_profile_userstar
memberlist_user_userstar
calendar_event_userstar

Replace Content With 

<i class="fas fa-star" alt="*"></i>

You are Done

if you want to increase font size you may add below mention code to Global.css

.fa-star{font-size:14px;}




Reply
#5
go to >>> Admin CP >>> Templates & Style >>> select theme template ( you want to edit) >>> 

scroll down you will find >>> Ungrouped Templates >>> you will find headerinclud in this template set 

BR
Mujeeb
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)