How to change Header font family only? | Plikli Customization | Forum

Avatar

Please consider registering
Guest

Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

Register Lost password?
sp_Feed sp_TopicIcon
How to change Header font family only?
Avatar
yami
Member
Members
Forum Posts: 13
Member Since:
September 14, 2018
sp_UserOfflineSmall Offline
1
January 20, 2019 - 11:24 pm
sp_Permalink sp_Print

Hi guys!

I was wondering how i can change the font family of the header banner without changing the font family of the whole page.

Thanks

Yami

Avatar
redwine
Admin
Forum Posts: 324
Member Since:
February 21, 2018
sp_UserOfflineSmall Offline
2
January 21, 2019 - 12:59 am
sp_Permalink sp_Print sp_EditHistory

Assuming you want to use Bangers Google font (or any Google font API, like you posted in your other topic.

1- Get the link to the font from Google fonts:
<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
2- Open /templates/bootstrap/plikli.tpl
3- Paste the above font link right before the link to the style.css
4- Save the file
5- Open /templates/bootstrap/css/style.css
6- modify the rule for .custom_header {
by adding this: font-family: 'Bangers', cursive;
Save the file.

Go to your page and hard refresh to see the changes. If needed, you might have to clear the cache.

Avatar
yami
Member
Members
Forum Posts: 13
Member Since:
September 14, 2018
sp_UserOfflineSmall Offline
3
January 31, 2019 - 5:09 pm
sp_Permalink sp_Print

Thanks so much for your help redwine!

Yami

Avatar
redwine
Admin
Forum Posts: 324
Member Since:
February 21, 2018
sp_UserOfflineSmall Offline
4
January 31, 2019 - 5:49 pm
sp_Permalink sp_Print

Did it work?

Avatar
yami
Member
Members
Forum Posts: 13
Member Since:
September 14, 2018
sp_UserOfflineSmall Offline
5
February 5, 2019 - 9:01 pm
sp_Permalink sp_Print

Not really... the banner was in "bangers" but the whole page appears in html...
What should i do?

Yami

Avatar
redwine
Admin
Forum Posts: 324
Member Since:
February 21, 2018
sp_UserOfflineSmall Offline
6
February 6, 2019 - 2:23 am
sp_Permalink sp_Print

Have you followed the steps I gave you correctly? It should work if you applied them properly.

Avatar
yami
Member
Members
Forum Posts: 13
Member Since:
September 14, 2018
sp_UserOfflineSmall Offline
7
March 1, 2019 - 3:02 pm
sp_Permalink sp_Print sp_EditHistory

I think I've made a mistake...

Should I paste the link to the font from Google fonts before the link style.css you told me to open or in it?

Yami

Avatar
redwine
Admin
Forum Posts: 324
Member Since:
February 21, 2018
sp_UserOfflineSmall Offline
8
March 2, 2019 - 1:08 am
sp_Permalink sp_Print

Just follow the instructions in order:

1- Get the link to the font from Google fonts:

2- Open /templates/bootstrap/plikli.tpl
3- Paste the above font link right before the link to the style.css
4- Save the file
5- Open /templates/bootstrap/css/style.css
6- modify the rule for .custom_header {
by adding this: font-family: 'Bangers', cursive;
Save the file.

Forum Timezone: Asia/Beirut

Most Users Ever Online: 16

Currently Online:
5 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

john: 47

Nishant kumar: 33

Mosage: 25

Punk: 23

Martin Gold: 22

Felipe: 21

Hiro: 13

StaticMove: 13

yami: 13

Cesar: 12

Newest Members:

Quinta

arun bhanot

Oliva Mutia

Jasa Seo Terbaik

bhawanaconsultancy

gamus

abbslaw

Aniruddh Nishad

Quid Slots

sk1212

Forum Stats:

Groups: 1

Forums: 8

Topics: 109

Posts: 655

 

Member Stats:

Guest Posters: 0

Members: 114

Moderators: 0

Admins: 1

Administrators: redwine