Joomla Templates Club 406,261 posts

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#514735

@osseo: I just want to add some words here. The text color of mega menu dropdown on your website is defined in mega.css file at 59th line:

.ja-megamenu ul.level1 li.mega a.mega {}

If you can share cndglobal that css codes, It will be really great.

1 user says Thank You to phong nam for this useful post

1. cndglobal

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#514791

<em>@Leo Burnetts 401099 wrote:</em><blockquote>@osseo: I just want to add some words here. The text color of mega menu dropdown on your website is defined in mega.css file at 59th line:

.ja-megamenu ul.level1 li.mega a.mega {}

If you can share cndglobal that css codes, It will be really great.</blockquote>

Thanks Leo
I will try to make the changes but if osseo is monitoring this thread I would appreciate his css file.
cndglobal

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#514805

The part I still need is the text in the mega drop down.
I’ll post an image of what I have and an image of what I want.
cndglobal

---

Attachments:

1. 
2. 

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#514861

Update….
I kept playing around with it and finally solved it!
to change the text in the drop down I changed line 60 and 78.
Thanks Leo for pointing me in the right direction.
I’ll post my mega.css here.
Thanks,
cndglobal
– – – – – – – – – –
/*
* ————————————————————————
* JA Nex Template
* ————————————————————————
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license – Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com – http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ————————————————————————
*/

#ja-megamenu {
border-right: solid 1px #5b211f
border-top: solid 1px #5b211f
background: #772f2c
}

#ja-megamenu ul.level0 { font-family: Helvetica, Arial, sans-serif; }

.ja-megamenu ul.level0 li.mega a.mega {
color: #fff
padding: 13px 15px;
border-right: solid 1px #5b211f
border-left: solid 1px #772f2c
display: block;
}

.ja-megamenu ul.level0 li.mega a.mega.first {
border-left: solid 1px #5b211f
}

.ja-megamenu ul.level0 li.mega.over,
.ja-megamenu ul.level0 li.mega.active {
margin-top: -1px;
margin-bottom: -1px;
}

.ja-megamenu ul.level0 li.mega a.mega.over,
.ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/hover-menu.gif) repeat-x left top #e5e5e5
color: #666
border: solid 1px #fff
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
}

.ja-megamenu ul.level0 li.mega a.mega.over {
background: #f2f2f2
border-color: #e5e5e5
}

/* lv – 1 and below
———————————–*/
/* Styling —*/
.ja-megamenu ul.level1 li.mega { background: none; border: none; margin: 0px;}

.ja-megamenu ul.level1 li.mega a.mega {
color: #fff
border: none !important;
padding: 8px 0px 8px 20px;
margin: 0px;
}

.ja-megamenu ul.level1 li.mega.over,
.ja-megamenu ul.level1 li.mega.active {
margin-top: 0px;
margin-bottom: 0px;
}

.ja-megamenu ul.level1 li.mega a.mega.over,
.ja-megamenu ul.level1 li.mega a.mega.active {
background: #111
padding: 8px 0px 8px 20px;
margin: 0px;
border: none !important;
color: #000
}

/* CHILD CONTENT
———————————–*/
.ja-megamenu .childcontent-inner-wrap { background: #f2f2f2 border: 1px solid #e5e5e5 padding: 4px; }

.ja-megamenu .childcontent-inner-wrap:hover,
.ja-megamenu ul.level0 li.mega.over .childcontent-inner-wrap {
border-top: solid 1px #f2f2f2
}

.ja-megamenu .childcontent-inner { background: #225180 color: #666 }

.ja-megamenu .childcontent .ja-moduletable { color: #666 }

.ja-megamenu .childcontent .ja-moduletable h3 { background: none; text-transform: uppercase; }

.ja-megamenu ul.level1 li.mega a.mega.over {
background: #d3d8d6 ;
}

/* Grouped — */

.ja-megamenu .megacol { background: url(../../images/line-bg.gif) repeat-y left top ; }

.ja-megamenu .megacol.first { background: none; }

ul.megamenu,
.ja-megamenu .group-content .ja-moduletable,
.ja-megamenu .group-content ul.megamenu { margin: 0px; }

.ja-megamenu .group-title { margin-top: 10px; }

.ja-megamenu .group-title .menu-title {
color: #fff
text-transform: uppercase;
font-size: 115%;
}

.ja-megamenu .group-title .menu-desc { color: #999 padding-left: 0 !important; }

.ja-megamenu .childcontent .ja-moduletable .ja-box-ct { padding: 15px 20px; }

.ja-megamenu .childcontent .ja-moduletable a {
color: #fff
display: block;
margin-top: 5px;
}

.ja-megamenu .childcontent .ja-moduletable a:hover,
.ja-megamenu .childcontent .ja-moduletable a:focus,
.ja-megamenu .childcontent .ja-moduletable a:active { color: #c33 }
.ja-megamenu .childcontent .ja-moduletable p {
display: inline-block;
}

.ja-megamenu .childcontent .ja-moduletable img {
display: block;
float: none;
}

.ja-megamenu .childcontent .ja-moduletable p strong {
color: #fff
display: inline-block;
margin-top: 5px;
}

.ja-megamenu ul.level1 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title {
background: url(../../images/arrow2.png) no-repeat 96% center;
}

.ja-megamenu ul.level1 li.haschild ul li a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild-over ul li a.mega span.menu-title {
background: none;
}

2 users say Thank You to cndglobal for this useful post

1. TomC
2. phong nam

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

#514862

CONGRATULATIONS !!!

A little trial and error … and patience … can often go a long way.

All the best with your continuing site development !!!

🙂

[Author]

Posts