Joomla 2.5 Tutorial – How to Change Default Font Color

by Elaine on July 8, 2012

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 cmsmind change default font color beez 20 2 Joomla 2.5 Tutorial   How to Change Default Font Color Joomla 2.5 – Changed Default Font Color

Overview of the Steps:

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 cmsmind edit template css files Joomla 2.5 Tutorial   How to Change Default Font Color 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 cmsmind beez 20 edit personal css in template manager Joomla 2.5 Tutorial   How to Change Default Font Color 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 cmsmind change default font color beez 20 Joomla 2.5 Tutorial   How to Change Default Font Color 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

 Joomla 2.5 Tutorial   How to Change Default Font Color

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 3 comments… read them below or add one }

Bancuri December 18, 2012 at 7:10 am

Hi
Please tell me how i change title font of the articles
Tx

Reply

sivabalan June 24, 2013 at 6:03 am

I followed your tutorial but i font color for the articles are not changing. I am using joomla 2.5

Reply

rajak March 2, 2014 at 1:44 am

I followed your tutorial but i font color for the articles are not changing. I am using joomla 2.5

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: