Joomla Templates Club 406,261 posts

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#167560

I would like to seperate the title color formating from the Mega Menu and the rest of the website. Is there a way to do this?

This is the tabs pic (yellow color)

and this is the Menu (yellow color)

What I would like it to make the Menu show a white colro while the tabs can show grey or yellow so the tab words will still show up. If I change the color to a shade of white the Menu looks good but the tabs that are not selected disappear (white on white)

http://newhopemp.com

---

Attachments:

1. 
2. 

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

#406934

Hey There:

Can you do me a favor and, in your Template Manager, set “Optimize CSS” to “No” for the time being?
It will assist in advising you which CSS to modify to achieve the result you want.

THANKS !!

😎

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#406941

ok, I did this.

Thanks!

I know I found the call for h3 in the tamplate.css file. I changed it and it changes both areas (probably more but that is all I noticed so far) so I’m hoping there’s a way to seperate the Menu css from the tamplate css for this.

Jeff

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

#406947

Okay . . . . but I’m still having a bit of a difficult time understanding exactly what it is you want to accomplish – visually – with your MegaMenu display. Is there any way you can draw up a quick graphical depiction (image) of the coloring you are wanting to achieve?

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#406967

OK, I made some pics with descriptions.

thank you for your help!

Jeff

---

Attachments:

1. 
2. 

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#407653

Was my previous post clear? If not please let me know and I will try to explain better.

Thank you,
Jeff

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#407917

Hi Jeff,

You just need to add a color option to your Mega menu CSS.

Goto: plugins/system/jat3/jat3/base-themes/default/css/menu/mega.css – Line 217

Can add the following ‘color’ line in bold:


.ja-megamenu .childcontent ul.megamenu .ja-moduletable h3 {
color: #FFFFFF;
margin-left: 0;
margin-right: 0;
}


This will turn your Mega Menu <h3> elements white…or simply change the code to the color that suits.

Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. jhicks

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#407922

Awesome!! That was exactly what I was looking for!!!

Thanks so Much!!

Jeff

[Author]

Posts