Joomla Templates Club 406,261 posts

[joomlafans Friend joomlafansJoin date: April 2014Posts: 74Downloads:8Uploads:16 Thanks: 32 Thanked: 9 times in 1 posts]

#972058

Greetings.
How can I change the font and font size of everything on the site? menus, module titles, categories etc.
The RTL default fonts are too small and not easy to read.
Thank you

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

#972413

@joomlafans

If you familiar with less a bit, you can change the font size globally via the less file: ROOT/templates/ja_teline_v/less/variables.less

Look for declaration for Typography and change variable you wish:

@font-size-base:          14px;
@font-size-large:         ceil(@font-size-base <em> 1.12);
@font-size-larger:        ceil(@font-size-base </em> 1.25);
@font-size-small:         ceil(@font-size-base <em> 0.85);
@font-size-smaller:       ceil(@font-size-base </em> 0.72);</p>
<p>@font-size-h1:            floor(@font-size-base <em> 2.6);
@font-size-h2:            floor(@font-size-base </em> 2.15);
@font-size-h3:            ceil(@font-size-base <em> 1.7);
@font-size-h4:            ceil(@font-size-base </em> 1.5);
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil(@font-size-base * 0.85);

If your site is running with Development Mode, just refresh your site to see the change.

In case that the Dev Mode is off, you will need to compile less to css in template manager section (remember to backup all css files first as when compiling less to css, they will be overridden)

[Author]

Posts