Joomla Templates Club 406,261 posts

[muchemwa Friend muchemwaJoin date: November 2013Posts: 6Downloads:0Uploads:4 Thanks: 7]

#193856

Hello this may have been dealt with before obviously but i have prowled the forums and have been unable to find a specific thread that deals with my problem.

First of all i working via MAMP on my local machine so i am not able to post a URL.

I am trying to change the colors on my Edenite Mega Menu to various shades of green. So far i have succeeded in changing the main buttons to green but the drop down and the line dividers between buttons is still blue (See screen shot.)
I would like to change the BLUE to GREEN…

So far i have been working with Mega CSS, Template CSS and the image folder but no matter how much i edit the color codes in there nothing is changing. I am a beginner in Joomla so i would appreciate a detailed guide.

Thanks

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#518933

Hi

Try this

background /templates/ja_edenite/css/menu/mega.css line 63

.ja-megamenu .childcontent-inner {
background: none repeat scroll 0 0 #yourbackground color;
border: 1px solid #2B6484
}

items /plugins/system/jat3/jat3/base-themes/default/css/menu/mega.css line 127
.ja-megamenu ul.level1 li.mega a.mega {
background-color: #your color ; <– change in this way
border: 0 none;
font-weight: normal;
padding: 8px 5px;
}

item color /templates/ja_edenite/css/menu/mega.css line 53

#ja-mainnav li li a {
border: medium none;
color: #FFFFFF<—–change to your preferred color
font-weight: normal;
line-height: normal;
padding: 7px 10px;
}

border /templates/ja_edenite/css/menu/mega.css around line 44
.ja-megamenu li ul li.mega {
border-bottom: 1px solid #000000<—change for the bottom border color
border-right: medium none !important;
float: left !important;
width: 100%;
}

1 user says Thank You to pavit for this useful post

1. muchemwa

[muchemwa Friend muchemwaJoin date: November 2013Posts: 6Downloads:0Uploads:4 Thanks: 7]

#518943

Thanks. This worked just fine.

But i still have one gradient line that refuses to go away. I went into images and changed > mainnav-sep.gif

That changed half of the line…but i am still getting that little BLUE line. Have i missed something? Any advice will be very helpful.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#519079

It looks like color of border among menu items in main navigation, you can open file: /templates/ja_edenite/css/menu/mega.css. And look for this CSS rule:

.ja-megamenu ul.level0 li.mega {
border-right: 1px solid #75AAD2
}
.ja-megamenu ul.level0 li.mega a.mega {
border-right: 1px solid #2B6484
color: #C3DBED
display: block;
font-weight: bold;
line-height: 32px;
padding: 0 20px;
}

then change to your desired color.

Once done, remember to clean JAT3 cache.

[Author]

Posts