Joomla Templates Club 406,261 posts

[davilico Friend davilicoJoin date: February 2008Posts: 82Downloads:5Uploads:6]

#181252

How can we change the red color of the main menu from the jpg ?

And second how can we change the size of text in seconde level main menu items?

---

Attachments:

1. 

[Scott Lavelle Friend Scott LavelleJoin date: November 2010Posts: 266Downloads:16Uploads:5 Thanks: 6 Thanked: 64 times in 27 posts]

#469328

Use Either F12 in Internet Explorer or Chrome or use Firebug in Firefox to determine what is making the red stripe. Is it a border? Is it a background-image? Then, find the css file (or better, the override file) that dictates that and change it to be the color you want it to be – or get rid of it entirely.

Same theory applies for the text in the second level menu items. It will be somewhere in the megamenu.css like

div.megamenu.level1 span.menu-title {
font-size: 16px;
}

or similar. this is off the top of my head, so I’m sure it’s at least a little off. And I’ve never looked at the University template, so I don’t know what differences there might be from the standard t3 framework blank that I build things from.

Hope this helps.

Scott Lavelle - Technical Resource Solutions, LLC
Certified Joomla Administrator

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#469385

<em>@davilico 341346 wrote:</em><blockquote>How can we change the red color of the main menu from the jpg ?

And second how can we change the size of text in seconde level main menu items?</blockquote>
Hi Davilico,
1. To change your red color:
– If you use default themes, goto file:
/templates/your_default_template/css/menu/mega.css
find these lines:


.ja-megamenu ul.level0 li.active a {
background: url("../../images/mainnav-active-bg.gif") repeat-x left top #1B212A
color: #FFFFFF !important;
}

Remove line background or change to the values you want.
– If you use other themes, go to file
/templates/your_default_template/themes/your_theme_name/css/menu/mega.css
find these lines:

.ja-megamenu ul.level0 li.active a {
background: url("../../images/mainnav-active-bg.gif") repeat-x scroll left top #85AA7B
}
change background to the values you want, if you don’t want background, change to:


background: none;


2. To change the size text of second level:
Go to file:
/templates/your_default_template/css/menu/mega.css
add these lines:


.ja-megamenu ul.level1 li.mega a.mega
{
font-size: value_size_you_want px;
}


Please backup your file before editing, and clear cache to see changes.
—-
And also thank you to slavelle for helping this question : )

1 user says Thank You to Luna Garden for this useful post

1. imamrevista

[Author]

Posts