Joomla Templates Club 406,261 posts

[zomidaily Friend zomidailyJoin date: March 2013Posts: 132Downloads:0Uploads:4 Thanks: 7 Thanked: 9 times in 1 posts]

#185897

Hi Support,

Can you please make a light color version of this? It is too dark for corporate site, or news site.

Regards,
Joseph

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#486841

Hi Joseph,

You can make light color on JA Mitius Template this way

+ Click ThemeMagic button from JA Mitius Template
+ Make new template style (light color) from ThemeMagic
+ Go to New Template Style just created, In Assignment tabs configure menu item to show the new Template Style

Hope you can create new light color on your site.

Regards

[zomidaily Friend zomidailyJoin date: March 2013Posts: 132Downloads:0Uploads:4 Thanks: 7 Thanked: 9 times in 1 posts]

#486908

Hi…

Thanks for your reply, but the ThemeMagic can change only the middle part of the background. I would like to change the top part and as well as the bottom part. It is too dark for some website. See screenshot:

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#486981

ThemeMagic doesn’t have option to change color on menu site but you can change all background color and text color on your site here

Open templates/ja_mitius/css/custom.css file

and new script and change color on marked text


/*main menu*/
.ja-mainnav .navbar-inner {
background: #f5f5f5
}
/*menu item level 1*/
.ja-mainnav .navbar .nav > .active > a,
.ja-mainnav .navbar .nav > .active > a:hover,
.ja-mainnav .navbar .nav > .active > a:focus {
background: #fff
color: #f76000
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}

.ja-mainnav .nav li.dropdown.open > .dropdown-toggle {
background-color: #fff
color: #f76000
}
.ja-mainnav .nav li.dropdown.active > .dropdown-toggle,
.ja-mainnav .nav li.dropdown.open.active > .dropdown-toggle,
.ja-mainnav .nav > li.dropdown.open.active > a:hover {
background: #fff
color: #f76000
}

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
color: #f76000
background: #fff
outline: none;
text-shadow: none;
}
.ja-mainnav .navbar .nav > .active > a,
.ja-mainnav .navbar .nav > .active > a:hover,
.ja-mainnav .navbar .nav > .active > a:focus {
background: #fff
color: #f76000
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}

/*menu item level 2*/
.ja-mainnav .dropdown-menu {
background: #fff
}

.t3-megamenu .t3-module {
background: #fff
}


[dvoid Friend dvoidJoin date: November 2011Posts: 21Downloads:0Uploads:0]

#494334

HI

I too am trying to change the color of my mega menu in my case I want to make the menu black and dark I’ve added the above code to the custom.css file and changed the color but my menu is not changing. Please advise how and where I can edit and change the colors of all parts including drop downs on the megamenu

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#494495

Hi dvoid,

If possible you can send me URL of your site and admin access. I shall check and help you to solve it

Regards

[Author]

Posts