Store
Community Documentation

v3 Knowledgebase

How to change the website font style editting the CSS

In order to change the website font of the site, just go to AdminCP
Extensions >> Theme >> Manage Themes

Then for the theme

phpFox (Default)

lick the drop down icon and then click

Manage Styles

This page lists all the styles that belong to this one theme. Next for the style

phpFox (Default)

click on the drop down icon and then click

Edit CSS

From this page we have all of your sites CSS code. The CSS files that are grouped in the

Global CSS

are the main CSS files for your site. The 2 files that are loaded on every page and control the main layout of your site are

layout.css
common.css

In this case we will edit the "layout.css", therefore select it and next scroll down and search for the following code:

body
{
margin:0px;
padding:0px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
height:100%;
background:#fff;
color:#333;
line-height:1.28;
}



Here we can edit the website fond by changing the font-family property, also we can edit the size (font-sizeSmile, color (colorSmile.

For example, let's says we can going to use the font-family Times New Roman Georgia and the size 14, therefore the could should looks like

body
{
margin:0px;
padding:0px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
height:100%;
background:#fff;
color:#333;
line-height:1.28;
}

Finally, just save the changes.

More information about the font family here:

* http://www.w3schools.com/cssref/pr_font_font-family.asp
* http://www.w3schools.com/css/css_font.asp
* http://www.w3.org/Style/Examples/007/fonts.en.html