Joomla Templates Club 406,261 posts

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#188173

Please see the attached picture. I have expalined my problem in the picture itself.

1. change font of Level to items
2. Remove lines between level 2 menu items

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#495622

Need to adjust css in /templates/ja_university/css/menu/mega.css

line 40

.ja-megamenu ul.level1 li.mega { border-top: 0px solid #232b37
margin: 0;
}
make the border 0px instead of 1px

.ja-megamenu ul.level1 li.mega a.mega { border: 0;
color: #333333
font-weight: normal;
padding: 8px 0;
text-transform: none;
font-size: 80%;
}

add last line font-size:xx%; and adjust the xx to what you want i.e. 80%

Should do it for you!

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#495629

Thanks for the promtp reply. Also when I hover over the menu Item, the, menu title becomes blank (may be white color). How do I change it. see http://ittechies.in

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#495637

Same css file

Taking it that you want red for the active sub menü – if not add your own colour or # number
line 62 change the code to the following
.ja-megamenu ul.level1 li.active a.mega.active { color: red !important;
font-weight: bold;
}

line 57 for the hover and I’ve used green – you use what you want

.ja-megamenu ul.level1 li.mega a.over,.ja-megamenu ul.level1 li.mega a:hover {
color: green !important;
}

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#495753

<em>@swissa 376475 wrote:</em><blockquote>Same css file

Taking it that you want red for the active sub menü – if not add your own colour or # number
line 62 change the code to the following
.ja-megamenu ul.level1 li.active a.mega.active { color: red !important;
font-weight: bold;
}

line 57 for the hover and I’ve used green – you use what you want

.ja-megamenu ul.level1 li.mega a.over,.ja-megamenu ul.level1 li.mega a:hover {
color: green !important;
}
</blockquote>
I tried, but no success.
Please see the code below which I have:

.ja-megamenu ul.level1 li.active a.mega.active { color: #333 !important;
font-weight: bold;
}

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#495757

<em>@joomlagt 376617 wrote:</em><blockquote>I tried, but no success.
Please see the code below which I have:

.ja-megamenu ul.level1 li.active a.mega.active { color: #333 !important;
font-weight: bold;
}</blockquote>

I can’t see the code changes in your site. This is what I see

.ja-megamenu ul.level1 li.mega a.over,
.ja-megamenu ul.level1 li.mega a:hover { color: #333333}
.ja-megamenu ul.level1 li.active a.mega.active { color: #333 font-weight: bold; }

Make sure you are adjusting the right file. It should be http://ittechies.in/templates/ja_university/css/menu/mega.css

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#495782

it worked. thanks

[Author]

Posts