Joomla Templates Club 406,261 posts

[hcavalier Friend hcavalierJoin date: November 2008Posts: 17Downloads:0Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#147977

I want to change the default template to use the same header as the gray template. I have played around with the color css files and can’t figure it out. I want the gray/header-bg.jpg or gray/body-bg.gif (the one that looks like metal or concrete. Can anyone help me figure this out?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#331150

Hi hcavalier

you have to open template.css file to modify

[hcavalier Friend hcavalierJoin date: November 2008Posts: 17Downloads:0Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#331211

I have attempted to do that. I changed the file to find the gray/header-bg.jpg or gray/body-bg.gif and it did not work. I copied these files into the default file and it did not work. What am I missing?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#331637

Open template.css file and then

1. find following code:


#ja-header {
background:url("../images/header-bg.gif") repeat-x scroll left bottom #F5F5F5;
height:auto !important;
min-height:160px;
}


and change to:


#ja-header {
background:url("../images/gray/header-bg.gif") repeat-x scroll left bottom #F5F5F5;
height:auto !important;
min-height:160px;
}


2. find following code:

body#bd {
background: #F5F5F5;
color: #666666;
margin: 0;
}

and change to:

body#bd {
background: url(../../images/gray/body-bg.jpg) repeat-x top center #444444;
color: #999999;
margin: 0;
}

Hope it helps

1 user says Thank You to JA Developer for this useful post

1. hcavalier

[hcavalier Friend hcavalierJoin date: November 2008Posts: 17Downloads:0Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#331731

Thank you for your response but I still could not get it to work by making these changes to the default template. I could, however make the change using the red template (chosen randomly). Then I compare the default and red template css files for differences. I wanted to see if there was something that would stand out at me as different. There are definitely differences in the code – more than colors and files. I could not figure out what was preventing the gray header from showing through. So I took the gray template and slowly started changing the colors and image locations to match the default background. I have been successful making the changes that way. There is just something weird in the default that wouldn’t let me change it the way I wanted as noted at the beginning of the thread.

Thanks for your response, though.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#331989

Hi hcavalier

Could you give me your live url?

[Author]

Posts