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.
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.
- 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’
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.
- Search for:
#all
{
color: #333;
border:solid 0px ;
padding-top:0px;
background:#fff
}
- Replace with:
{
/* 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’
Hope that helps,
Hi
Please tell me how i change title font of the articles
Tx
I followed your tutorial but i font color for the articles are not changing. I am using joomla 2.5
I followed your tutorial but i font color for the articles are not changing. I am using joomla 2.5