Joomla Templates Club 406,261 posts

[chanton Friend chantonJoin date: July 2006Posts: 137Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#123347

I want the red colour for this nice template,but don’t know where to start customizing it. can someone advise?

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#231759

Hi,

easiest place to start is in the ja_hedera template folder under css/colors copy_paste_ then rename one of the existing files to red.css

To make this new css file the active one you will need to open the index.php file (inside the ja_hedera folder)
line 23

$ja_color_themes = array('default','orange','green');
change to

$ja_color_themes = array('default','orange','green','red');

then line 30 change to
$ja_color_default = 'red';

open the red.css file and start changing the hex values of some of the elements in there and keep checking your site to see how it looks.

Good luck
Kiwidesign

1 user says Thank You to kallan for this useful post

1. giuse

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#231773

Add more information to the Kallan post, the red.css file does not exist by default. You could make a clone from green.css or orange.css file inside folder css/colors.

[aduff Friend aduffJoin date: November 2005Posts: 76Downloads:31Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#232060

Hi,

I have followed the instructions above and I am still getting the default (green) colour on my template.

Do I need to adjust any colours in the template_css.css file?

regards,
aduff

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#232191

If you are using Mozilla Firefox as a browser you can download a web developers toolbar which lets you click on items and see where they are getting their styles from – this is extremely usefull if you are trying to customize.

Otherwise what you will need to do is check the source code of the page when its loaded and find the object you are trying to modify and see what styles it has applied (ie img src = “” class=thisclass”) then look in the template_css.css file and see if the class is defined there and also check in your red color css file as well.

Good luck

[aduff Friend aduffJoin date: November 2005Posts: 76Downloads:31Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#232195

Thanks kallan,

I use Firebug with Firefox and agree that it is a most useful tool.

My problem was twofold:
#1..My version of Firefox 2.0.0.8 was not refreshing as I would have expected it to using ctrl+F5 – I have since upgraded to 2.0.0.9 – and hope this might fix the problem;and
#2..the default-logo.jpg could not be found after I had created a new color theme as per the instructions of this thread.

It appears that when you create a new colour scheme the template will look for a logo that has the same name as the new colour scheme (I am using the ja_xeniaii template running with Joomla! 1.0.13).

For example, if you go into the color sub-directory (of the template css directory) and copy the orange.css colour scheme renaming it my_colour.css, the template will look for a logo (in the templates image directory) that has the name my_colour-logo.jpg. Using Firebug helped me locate this .jpg file and correct the problem (I simply copied the default-logo.jpg and renamed it my_colour-logo.jpg).

I appreciate your follow-up to my problem….it really is a help to me and, I am sure, to others also.

many thanks
aduff

[Author]

Posts