Joomla Templates Club 406,261 posts

[thejomo Friend thejomoJoin date: February 2006Posts: 4Downloads:0Uploads:0]

#163316

Added the mod_login module to the Mega Menu. However, it does not appear correctly. Here are the issues:
– Title of Module will show twice if enabled
– Links at bottom of mod_login are the same color as the background so you don’t see them unless you hover over them
– There is a space between the start of the mod_login submenu and the top menu.

site: http://www.moranmoran.com

Can you replicate this on the demo site or other Graphite templates?

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388788

Hi,

– I dont see any double modules right now, can you publish some module so that I can check it?
– To change link colors in Login module, open templates/ja_graphite/css/template.css and find following code on line 275
<blockquote>#form-login ul li a {
background: url(“../images/icon-star.png”) no-repeat scroll 0 2px transparent;
color: #FFFFFF;
padding-left: 15px;
}</blockquote>

replace color: #333333; with color: #ffffff;

– The space between the top menu and module published in megamenu (mod_login) is coming from templates/ja_graphite/css/menu/mega.css line no. 98
<blockquote>.ja-megamenu .childcontent .ja-moduletable {
line-height: 1.5;
margin: 10px 0;
padding: 0;
}</blockquote>

remove 10px from margin property and the space above login module will be gone.

[thejomo Friend thejomoJoin date: February 2006Posts: 4Downloads:0Uploads:0]

#388901

Appreciate the help.

I actually did not have the line-height, margin or padding settings within my mega.css file. However, I added that under the childcontent.ja-moduletable and made sure to remove the 10px from the margin property and it did indeed remove the spacing.

For reference, my mega.css looked like this before I made the changes:

<blockquote>/* lv – 1 and below
———————————–*/
/* Styling —*/
.ja-megamenu ul.level0 li.mega {
margin: 0 1px 0 0;
}
.ja-megamenu ul.level0 li.mega a.mega {
color: #999;
font-family: ‘Arial Narrow’, Tahoma, Verdana, sans-serif;
font-size: 120%;
font-weight: normal;
margin-bottom: 5px;
padding: 25px 15px;
text-transform: uppercase;
}

.ja-megamenu ul.level0 li.mega span.menu-title { text-shadow: 1px 1px 0 #000; }

.ja-megamenu ul.level0 li.mega a span.menu-desc {
color: #666;
font-size: 12px;
font-style: italic;
font-weight: normal;
margin-top: 4px;
}

.ja-megamenu ul.level0 li a.over,
.ja-megamenu ul.level0 li a.active.over
.ja-megamenu ul.level0 li.over a:hover, { color: #fff; }

.ja-megamenu ul.level0 li.haschild-over,
.ja-megamenu ul.level0 li.active { background: url(../../images/trans-d.png); }

.ja-megamenu ul.level0 li.active a.active,
.ja-megamenu ul.level0 li a.active:hover,
.ja-megamenu ul.level0 li a.active:active,
.ja-megamenu ul.level0 li a.active:focus,
.ja-megamenu ul.level0 li.over a.over,
.ja-megamenu ul.level0 li.over a:hover,
.ja-megamenu ul.level0 li.over a:active,
.ja-megamenu ul.level0 li.over a:focus { color: #fff; }

.ja-megamenu ul.level0 li a.active span.menu-desc { color: #ccc; }

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
background: none; padding-left: 0px;
}
.ja-megamenu ul.level0 li.haschild a.mega span.menu-desc,
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-desc {
padding-left: 0px;
}
/* lv – 2 and below
———————————–*/
.ja-megamenu ul.level1 li.mega { border-bottom: 1px solid #3F3F3F; }

.ja-megamenu ul.level1 li.mega a.mega {
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 7px 15px 7px 5px;
margin: 0px;
text-transform: none;
}

.ja-megamenu ul.level1 li.mega a.mega:hover,
.ja-megamenu ul.level1 li.mega a.mega:focus,
.ja-megamenu ul.level1 li.mega a.mega:active {
color: #fff;
}

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

.ja-megamenu ul.level1 li.haschild-over { background: none; }

.ja-megamenu ul.level1 li.active,
.ja-megamenu ul.level1 li.active.over { background: url(../../images/trans-d.png); }

/* CHILD CONTENT
———————————–*/
.ja-megamenu .childcontent-inner {
background: #333;
border: 1px solid #222;
border-top: 0;
-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .3);
box-shadow: 1px 2px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .3);
}

.ja-megamenu .level1 .childcontent-inner { border-top: 1px solid #222; }

.ja-megamenu .childcontent .ja-moduletable {
color: #ccc;
font-family: Georgia, “Times New Roman”, serif;
font-size: 100%;
text-transform: normal;

}

.ja-megamenu .childcontent .ja-moduletable h3 {
}

/* Grouped — */
.ja-megamenu ul.level1 li.group { border-bottom: 0 !important; }

.ja-megamenu .group-title { border-bottom: 2px solid #444; }

.ja-megamenu .group-title .menu-title {
color: #ccc;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
}

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

.ja-megamenu .group-title a.mega { padding-left: 0; }</blockquote>

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388952

I think the style I checked must be in mega.css in T3 plugin. But good to know that problem is solved now..

Do you want me to check th double module display problem or have you solved it? Please let me know if everything is fine then I will mark this thread as solved.

[Author]

Posts