Joomla Templates Club 406,261 posts

[baud Friend baudJoin date: September 2010Posts: 61Downloads:22Uploads:10 Thanks: 18]

#200295

I tried to change the title color in the megamenu from #73bfe6 to #a01e2d. It works when I use thememagic but that changes the primary color in the entire template which I don’t want to do.

So I tried several files like megamenu.css, megamenu.less or a custom.css but without success. I’m working on a local joomla installation so I can’t post a link.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#544815

Hello
can you post a screenshot of your problem ..
so that i can try to help you out .
you can also use Joomlart demo builder to explain your problem .

[baud Friend baudJoin date: September 2010Posts: 61Downloads:22Uploads:10 Thanks: 18]

#544817

Everything that is light blue should be red. So the active menu item aswell as when I hover an item.

---

Attachments:

1. 

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

#544830

If you have not already done so, create a new file called “custom.css” within file path —>
/templates/ja_nuevo/css/

Within that custom/css file, paste the following CSS rule:


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: transparent;
color: #73bfe6
}

Modify the color code to what ever color you wish.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

1 user says Thank You to TomC for this useful post

1. baud

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#544839

<em>@baud 439869 wrote:</em><blockquote>

Everything that is light blue should be red. So the active menu item aswell as when I hover an item.</blockquote>

Hello thanks for the screenshot .
Add this css in your custom.css file . (template/yourtemplate/css/custom.css)


.t3-mainnav .t3-navbar .navbar-nav > .active > a {border-color: #a01e2d; }
.navbar-default .navbar-nav > .active > a {color: #a01e2d;}
.t3-mainnav .t3-navbar .navbar-nav > li > a:hover {color: #a01e2d; border-color: #a01e2d;}


Save the file . and check front-end .
your menu will look like this >>> http://prntscr.com/4a5mbh

Hope it helps you 🙂

1 user says Thank You to Pankaj Sharma for this useful post

1. baud

[Author]

Posts