Joomla Templates Club 406,261 posts

[pabloian Friend pabloianJoin date: September 2012Posts: 29Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#174289

Hi, how I can change the color of main menu and all buttons Ja Portfolio template,

I modified only the Start button and some other but I could never change them all and if I had to add another ..

thanks

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#440058

Please post a link to your site but first make sure css optimization is set to “No” in the template manager so we can advise on the correct css to adjust.

What colours would you like it to be?

1 user says Thank You to Phill for this useful post

1. pabloian

[pabloian Friend pabloianJoin date: September 2012Posts: 29Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#440425

Thanks Phill, I could do

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

#440449

<em>@pabloian 303378 wrote:</em><blockquote>Thanks Phill, I could do</blockquote>
Identification of the correct CSS is also partially dependent on which menu scheme you are using – i.e. mega menu, css, dropline, etc.

However, if you are wanting to change the main default main nav background color, look to your template.css file
(within path templates/ja_portfolio/css/template.css)

look for the following CSS rule . .

#ja-mainnav .main-inner1 {
background: url('/ja_portfolio/templates/ja_portfolio/images/noise-bg.png') #313435;
padding: 0;
}


Modify the background color to whatever color hex code you would like.

For hover effects and the like, it is more dependent on which menu scheme you are using (as discussed above)

For example, for the “hover” color for the mega menu, look to the mega.css file
(within path /templates/ja_portfolio/css/menu/mega.css)

look for rule li.mega.over and change the background color to the desired hex color code.

Hope That Helps.

1 user says Thank You to TomC for this useful post

1. pabloian

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#440453

Well there is a bit more to it than that. For instance

/* lv - 0
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level0 li.active {
background-color: #6b5039;
}
.ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {
background-color: #525253;
}
/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level1 li.mega {
background-color: transparent;
}
.ja-megamenu ul.level1 li.first { background-image: none }
.ja-megamenu ul.level1 li.over, ul.level1 li.haschild-over {
background-color: #313435;
}
/* CHILD CONTENT
-----------------------------------*/
/* Grouped --- */


But if you look through the themes folder you will see exactly what was changed for each colour variation already made.

1 user says Thank You to Phill for this useful post

1. pabloian

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

#440456

Right . . . Without being able to more accurately look into his CSS, we can at least point our friend in the right direction.

😎

[Author]

Posts