Public Forums 71,145 posts

[ggman05 Friend ggman05Join date: June 2012Posts: 6Downloads:0Uploads:2 Thanks: 4]

#178317

Hi,

like shown in the screenshot, im editing the mega menu css with custom fonts in the /templates/css/mega.css file.

But i cant find any css code which changes the behavior of the menut title.
i dont want the title like Home,Typography, Explore in Bold, and i want to change the base color into black.

Cant find any option for them in the mega.css

helpy 😀

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#458081

please post your site Url please

[ggman05 Friend ggman05Join date: June 2012Posts: 6Downloads:0Uploads:2 Thanks: 4]

#458082

I dont have any site url
because im testing on my local server

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#458084

go to this file: /plugins/system/jat3/base-themes/default/css/menu/mega.css

Replace this code

.ja-megamenu ul.level0 li.mega a.mega { display: block; font-weight: bold; line-height: normal; margin: 0; padding: 8px 15px; text-decoration: none; }


With

.ja-megamenu ul.level0 li.mega a.mega { display: block; font-weight: normal; line-height: normal; margin: 0; padding: 8px 15px; text-decoration: none;
color:#333; }

Note: If you Find my Post useful please click on the Thanks Icon

2 users say Thank You to chavan for this useful post

1. ggman05
2. kingstone

[ggman05 Friend ggman05Join date: June 2012Posts: 6Downloads:0Uploads:2 Thanks: 4]

#458085

thanks man,

its working 🙂

<em>@Chavan 326247 wrote:</em><blockquote>go to this file: /plugins/system/jat3/base-themes/default/css/menu/mega.css

Replace this code

.ja-megamenu ul.level0 li.mega a.mega { display: block; font-weight: bold; line-height: normal; margin: 0; padding: 8px 15px; text-decoration: none; }


With

.ja-megamenu ul.level0 li.mega a.mega { display: block; font-weight: normal; line-height: normal; margin: 0; padding: 8px 15px; text-decoration: none;
color:#333; }

Note: If you Find my Post useful please click on the Thanks Icon</blockquote>

[ggman05 Friend ggman05Join date: June 2012Posts: 6Downloads:0Uploads:2 Thanks: 4]

#458089

Ok,
now
bad question but im really new to it:

I replaced the code u mentioned, and every menu item has normal fontweight and dark color.

but there isnt any mouse over effect.

I want all active menu items in ” color: #adcc33” and every menu item on hover “color: #adcc33”

i tried to insert color parameter into

.ja-megamenu ul.level0 li.over, ul.level0 li.haschild-over {
color: #adcc33
}
but that doesnt do it

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#458092

Go to this css : /templates/ja_t3_blank/css/menu/mega.css

Replace this code

.ja-megamenu a.over, .ja-megamenu a.active { color: #333 !important; }

With

.ja-megamenu a.over, .ja-megamenu a.active { color: #adcc33 !important; }

Note: If you Find my Post useful please click on the Thanks Icon

2 users say Thank You to chavan for this useful post

1. ggman05
2. kingstone

[ggman05 Friend ggman05Join date: June 2012Posts: 6Downloads:0Uploads:2 Thanks: 4]

#458101

Ok, last question,

where is the css to remove the top and bottom borders of the megamenu ?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#458135

Go to this File : /templates/ja_t3_blank/css/template.css

Remove those code


#ja-mainnav .main {
border-bottom: 1px solid #CCCCCC
}

#ja-header .main {
border-bottom: 1px solid #CCCCCC
}

Note: If you Find my Post useful please click on the Thanks Icon

2 users say Thank You to chavan for this useful post

1. ggman05
2. kingstone

[Author]

Posts