Joomla Templates Club 406,261 posts

[webcombis Friend webcombisJoin date: March 2014Posts: 4Downloads:0Uploads:0 Thanks: 4]

#199730

Hi,

I’m working on JA Tiris Template, and I need small help.

I would like to change main menu and header background color.
I have read the similar threads but I couldn’t find right line of code for background color.

Anyone have some idea how to solve this problem ?

Thanks
Davor

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

#542590

Hello to change the background color of header and main nav
add this css code in your custom.css file

For changing the BG color of Header


#ja-header .main-inner2 {background: #fff;}


For changing the color of main nav bar

#ja-mainnav .main-inner2 {
background: #B91717;
}

It will look like this >>>> http://prntscr.com/439kff

Change the background color value according to your need .

Hope it helps you:)

1 user says Thank You to Pankaj Sharma for this useful post

1. webcombis

[webcombis Friend webcombisJoin date: March 2014Posts: 4Downloads:0Uploads:0 Thanks: 4]

#542758

Thanks Pankajsharma,

I was create custom.css file, attach the code you have sent to me and upload to template css folder, but it doesn’t work. Second I have use custom css plug in, but also doesn’t work. Could you please explain how do you make this changes in the code ? ( custom.css )
I’m intermediate joomla user.
Thanks
Davor

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

#542762

HI
Sorry for confusion ,add the css code in your template.css file ,
i am not able to access your site ,its asking server authentications .

Let me know if its working

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#542769

For your HEADER section . . . . .

Within file path –> /templates/ja_tiris/css/template.css
at line 696, modify the color code (identified below):

#ja-wrapper .main .main-inner1 {
background: url("../images/bg-right.png") repeat-y scroll right top rgba(0, 0, 0, 0);
margin: 0;
padding: 0 7px 0 0;
}

For the MAIN NAV section . . . . .

Within file path –> /templates/ja_tiris/css/template.css
at line 714, you will see the following CSS rule:


#ja-mainnav .main-inner2 {
background: url("../images/bg-nav.gif") repeat-x scroll 0 0 #fff;
padding: 0;
}

Note that the background is an image – which you can either modify or delete and simply ascribe a color code
– for example . . .


#ja-mainnav .main-inner2 {
background: #CCC;
padding: 0;
}

Hope That Helps

1 user says Thank You to TomC for this useful post

1. webcombis

[Author]

Posts