Joomla Templates Club 406,261 posts

[alex_feng Friend alex_fengJoin date: December 2010Posts: 120Downloads:61Uploads:25 Thanks: 11 Thanked: 10 times in 1 posts]

#1058042

How can I change system fonts? For example, font face of menu titles, menu items, article contents (h tags p tag,….), category titles,…

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1058305

Hi Alex,

You can use Google chrome / Firefox inspect element. You can enable the Development Mode inTemplate manager so that site will load LESS files (REMEMBER to backup all current css files first as after enabling Development mode you will need to compile less to css). Then hover on any HTML element (i.e. button, tag, text, …) you want and right click on it and then click on inspect element, it will show you which LESS class it is using and which LESS file and the path to this element on the right side. then you can go to the file and replace it with new LESS you change.

For example: http://prntscr.com/gcbxsz

[alex_feng Friend alex_fengJoin date: December 2010Posts: 120Downloads:61Uploads:25 Thanks: 11 Thanked: 10 times in 1 posts]

#1058318

Thank you for the information. If the style is in template.css, I can use custom.css to overwrite it and keep the original template.css unchanged. Can I do the same by adding style to custom.css if the original style is in bootstrap.css?
Or I have to make the change directly on bootstrap.css, please advise.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1058359

You can override via custom.css so it will not be affected when updating template.

1 user says Thank You to Saguaros for this useful post

1. alex_feng

[Author]

Posts