Loading...
JoomlaJoomla 2.5Joomla Tutorials

Joomla 2.5 Tutorial – How to Change Default Font Color

Joomla 2.5 Tutorial – The default font color for articles in the Beez20 template is #333, which is a greyish colour.  You can easily change this default font colour in your Template Manager.  Below I will show you how to easily change your personal.css in Beez_20 template.  Below you will see that I changed my default font colour for my articles to be blue.

Joomla 2.5 - Changed Default Font Color
Joomla 2.5 – Changed Default Font Color

Overview of the Steps:

  • Go to the Template Manager Customize Template
  • Edit personal.css file in Template Manager
  • Edit code in personal.css file in Template Manager

1.  Go to the Template Manager Customize Template

You will need to find the css files in the Template manager.  You can follow my Joomla 1.7 tutorial here, as the steps have not changed.

Joomla 2.5 - Edit Beez_20 template css files
Joomla 2.5 – Edit Beez_20 template css files
  • Login to your Joomla 2.5 Administrator backend
  • Click on ‘Extensions’, ‘Template Manager’
  • Click on the ‘Templates’ tab
  • Click on ‘Beez_20 Details’

2.  Edit personal.css file in Template Manager

The website fonts, colours and spacing is all managed in the css file.  For Beez20, edit the personal.css file.

  • Under ‘Stylesheets’, click on ‘Edit css/personal.css’
Joomla 2.5 - Edit Beez20 personal.css in Template Manager
Joomla 2.5 – Edit Beez20 personal.css in Template Manager

 3.  Edit code in personal.css file in Template Manager

Search and replace the code below.  You can change the font colour to any colour you want. I chose blue.

Joomla 2.5 - Search and replace code for default font
Joomla 2.5 – Search and replace code for default font
  • Search for:

#all
{
color: #333;
border:solid 0px ;
padding-top:0px;
background:#fff
}

  • Replace with:
#all
{
/* Elaine @ CmsMind.com to Change Default Font Color
color: #333; */
color: blue;  /*New Font Color */
border:solid 0px ;
padding-top:0px;
background:#fff
}
  •  Click on ‘Save & Close’
Now refresh your site and you should see the default font colours for your articles will be blue or any colour you chose above in Step 3.

Hope that helps,

Elaine

3 comments
Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload