Joomla Templates Club 406,261 posts

[osbert Friend osbertJoin date: August 2016Posts: 35Downloads:172Uploads:14 Thanks: 11]

#1025274

I would like to replace the backgrounds of the header and "bottom" with a color.

How do I go about with it. I attached an image of the positions I’m referring to.

Sincerely,
Osbert.

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1025387

Hi
can u share the URL of site on which you want to change the colors.
Please turn off css compression before posting the URL here.

Regards

[osbert Friend osbertJoin date: August 2016Posts: 35Downloads:172Uploads:14 Thanks: 11]

#1025514

At the moment, I don’t have it online yet. I can share an attachment.

Please have a look

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1025605

Hi
Open css/template.css file
Find

#ja-footer {
    background: url(../templates/ja_droid/images/footer-bg.jpg) repeat-x left top;
    border-top: 1px solid #3C5189;
    color: #94a0be;
}

For header find this code

#ja-header {
    background: url(../templates/ja_droid/images/header-bg.jpg) repeat-x left top;
}

Replace it with your color codes.
Example: background: #fff;}

Regards

[osbert Friend osbertJoin date: August 2016Posts: 35Downloads:172Uploads:14 Thanks: 11]

#1027458

Thank you for the help. I have and it works fine but I still have a little issue to address. Still on the header is a blur color. How do I take that too off?

Thank you.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1027572

Hi
Kindly open template.css file
find below code and change or set the background to None;

Code:

#ja-header .main {
    background: url(../templates/ja_droid/images/light-bg.png) no-repeat center top;
}

save and check.

Regards

[Author]

Posts