Joomla Templates Club 406,261 posts

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#192382

Hi

I am using the JA T3 V2 Framework Template in a new Joomla 3.1 site I am developing. Can anyone tell me how to change the background colour of the main top level menu.

Would this be easier to do if I used the JA Purity template?

Thanks for your help

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512818

Hi John,

You can change the background color of top navigation on JA Purity template by opening /templates/ja_purity_ii/css/template.css file, and fine lines:

/* Main Nav ---*/
#ja-mainnav {
background: url(../images/grad1-mask.png) repeat-x top #444;
border-top: 1px solid #666;
line-height: 1;
position: relative;
z-index: 11;
}

Change to the background image you want and remember to clear JAT3 cache then.

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#513491

Hi Leo,

Thanks for this change.

I am just using the JA T3 V2 Framework template, not JA Purity. I tried the change but it had no effect.

I tried adding the following to the JA T3 V2 template CSS file

#ja-mainnav .main-inner1 {
background: none repeat scroll 0% 0% #777
}

This did not have any effect either.

Can you suggest another change?

Best Wishes

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#513530

Hi John,

I missed to pay attention to your current template. You did find the right css class but the correct template.css file should be in the theme folders. I.e:

On More Contrast Red theme: You need to open /templates/ja_t3_blank/themes/more_contrast_red/css/template.css file, find line:

#ja-mainnav .main-inner1 { background:#881300; }

To change the active menu item on the navigation: You should open /templates/ja_t3_blank/themes/more_contrast_red/css/menu/mega.css file at line:

.ja-megamenu ul.level0 li.active {
background-color: #333;
}

Change to the background color you want and remember to clear JAT3 cache then.

1 user says Thank You to phong nam for this useful post

1. armstrj1

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#513948

Hi Leo,

This change worked fine.

Thanks for your help.

Best Wishes

John

[Author]

Posts