Joomla Templates Club 406,261 posts

[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#137120

Hi
As you see on image was attached.
I want to change color of mainmenu (mainnav) by solid color (use: background: #color) not by img like (url ../abc.png repeat x).
And text on mainmenu will have white color exactly like left menu title color

Thank you

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#286517

Dear haro !

You can do it following way below ;
Open template.css file in templates/ja_edenite/css folder , find following code section at about line 753 :


#ja-mainnav {
background:#2C79B3 url(../images/grad2.gif) repeat-x scroll center top;
height:32px;
}

change to :


#ja-mainnav {
background:#2C79B3;// edit this attribute as you wish
height:32px;
}


[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#286520

1. Thank you. But it doesn’t work.
See on image attached.
2. I said sub menu included is mean: same color (solid) and w/o any effect (mouse hover ..etc..) just exactly left menu (solid color – no effect)

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#286525

Dear haro !

Please kindly send me live url , i want to have a closer look on the problem.

[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#286567

thank you. but im still working on local host :).
Everything i want is the mainnav have exactly same left col.
No effect by mouse, no background image (repeat x) … just background color #xxxxxx and text color: white.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#286739

<em>@haro 106224 wrote:</em><blockquote>thank you. but im still working on local host :).
Everything i want is the mainnav have exactly same left col.
No effect by mouse, no background image (repeat x) … just background color #xxxxxx and text color: white.</blockquote>

Dear !
I have done it in my local, it changes well, please view image attachment, i think you need move your site to internet , it will easy for support.

[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#286792

1. Sorry. Because i’m working for local portal and my administrator do not allow for incoming access from firewall so i can’t public it on internet.
2. Please check my screenshot with detail comment

---

Attachments:

1. 

[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#286930

hi,
i’m still watting.

[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#287023

Hallo.
Somebody here ?

[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#287543

Please check on my site:
http://giupviecnha.net/

CSSMenu
I want with mousehover on mainmenu don’t have blue color. Just same green. (no anything effect with mousehover).
Thank you
PS: please help me asap.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#287584

Dear haro !

You can do it following way below :

Open ja.cssmenu.css file in templates/ja_edenite/ja_menus/ja_cssmenu folder, find following code section at about line 90 :


#ja-cssmenu li:hover,

#ja-cssmenu li.sfhover,

#ja-cssmenu li.havechildsfhover,

#ja-cssmenu li.havechild-activesfhover {

color: #FFFFFF;

background: url(../../images/grad2-1.gif) repeat-x top #2B6484;

}


change to :


#ja-cssmenu li:hover,

#ja-cssmenu li.sfhover,

#ja-cssmenu li.havechildsfhover,

#ja-cssmenu li.havechild-activesfhover {

color: #FFFFFF;

}


[haro Friend haroJoin date: September 2008Posts: 11Downloads:0Uploads:3]

#287694

Thank you.
Now i almost find the way.

[jobprofi Friend jobprofiJoin date: May 2007Posts: 1Downloads:0Uploads:0]

#294695

<em>@hainn84 106167 wrote:</em><blockquote>Dear haro !

You can do it following way below ;
Open template.css file in templates/ja_edenite/css folder , find following code section at about line 753 :


#ja-mainnav {
background:#2C79B3 url(../images/grad2.gif) repeat-x scroll center top;
height:32px;
}


change to :


#ja-mainnav {
background:#2C79B3;// edit this attribute as you wish
height:32px;
}

</blockquote>

I think I would like to do something similar, wherein we’d like to change the current menu color (#2C79B3) to a darker blue (e.g., 000066). The site in reference is here, http://demo.neposystems.com/veriotech/joomla. How would I go about that?

Thanks,
Matt

[Author]

Posts