Joomla Templates Club 406,261 posts

[Benjamin Falcon Friend Benjamin FalconJoin date: September 2014Posts: 74Downloads:0Uploads:20 Thanks: 20]

#173739

I found the CSS to change the color to the A) main menu and B) the header.

Screenshot:

To change the header color in template.css:
#ja-header {
/* background: url(../images/top-bg.gif) repeat-x left bottom #034581;*/ /* blue */
background: url(../images/SOME_OTHER_IMAGE.gif) repeat-x left bottom #000000;
}

To change the menu color in template.css:
#ja-mainnav {
/* background: url(“../images/mainnav-bg.gif”) repeat-x scroll left bottom #8ba1b5;*/
background: url(“../images/mainnav-bgxxx.gif”) repeat-x scroll left bottom #000000;
}

But where do I change the color for the selected menu item and the color of the mouse rollover menu item? Example:

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#437788

<em>@directcorrespondentlender 299812 wrote:</em><blockquote>But where do I change the color for the selected menu item and the color of the mouse rollover menu item? Example:
</blockquote>
Hi,
You find this code from /templates/ja_travel/css/menu/mega.css

.ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/mainnav-active.gif) left top repeat-x; < change this line
color: #F9BC61;
padding: 8px 20px;
margin: 0;
}

.ja-megamenu ul.level0 li.mega a.mega.over {
background: url(../../images/maninav-hover.gif) left top repeat-x; < change this line
color: #FAF3C6;
padding: 8px 20px;
}

1 user says Thank You to khoand for this useful post

1. Benjamin Falcon

[Benjamin Falcon Friend Benjamin FalconJoin date: September 2014Posts: 74Downloads:0Uploads:20 Thanks: 20]

#438207

Thank you kindly for your guidance.

[Author]

Posts