Joomla Templates Club 406,261 posts

[fcaccount Friend fcaccountJoin date: July 2007Posts: 27Downloads:6Uploads:6 Thanks: 14 Thanked: 1 times in 1 posts]

#134264

Please how do I change the green default background css-menu color?

Thanks in advance

---

Attachments:

1. 

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#274635

try reading this post it may assist you

http://www.joomlart.com/forums/topic/moderators-please/

1 user says Thank You to mfcphil for this useful post

1. fcaccount

[fcaccount Friend fcaccountJoin date: July 2007Posts: 27Downloads:6Uploads:6 Thanks: 14 Thanked: 1 times in 1 posts]

#274639

Dear mfcphil,

I was not able to find that code in template css

I append another image to make clear what I need.

I forgot to say I use Joomla 1.5.7

Thank you again

Francesco

---

Attachments:

1. 

1 user says Thank You to fcaccount for this useful post

1. wooohanetworks

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274674

<em>@fcaccount 85008 wrote:</em><blockquote>Dear mfcphil,

I was not able to find that code in template css

I append another image to make clear what I need.

I forgot to say I use Joomla 1.5.7

Thank you again

Francesco</blockquote>

Tried this one already? Look for all red marked code and see the green color code below in the template CSSs Navigation of the Rochea Template! There you have your green menu you want to change! ——-6DA43A———– is the green color code!

:D:D:D HERE COMES THE COLOR CODES YOU SEEK:D:D:D

—template.css

/* NAVIGATION
——————————————————— */
#ja-mainnavwrap {
width: 550px;
height: 46px;
float: left;
}

.wide #ja-mainnavwrap {
width: 730px;
}

#ja-mainnav {
width: 520px;
float: left;
}

.wide #ja-mainnav {
width: 700px;
}

#ja-mainnav a {
color: #4F4F4F;
outline: none;
font-weight: bold;
font-size: 100%;
text-transform: uppercase;
padding: 0 18px 3px 20px;
border-left: 2px solid #E6E6E6;
display: block;
}

#ja-mainnav a:hover, #ja-mainnav a:active, #ja-mainnav a:focus {
text-decoration: none;
}

#ja-subnav {
clear: both;
background: url(../images/subnav-bg-wide.gif) no-repeat top left;
line-height: normal;
}

/* Default Joomla! Menu */
a.mainlevel {
padding: 5px;
width: 90%;
display: block;
color: #4F4F4F;
text-decoration: none;
border-bottom: 1px solid #DDDDDD;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
color: #4F4F4F;
background: #F8F8F8;
text-decoration: none;
}

a.mainlevel#active_menu {
background: #F8F8F8;
color: #6DA43A; (THIS IS THE GREEN COLOR CODE!!!)
font-weight: bold;
text-decoration: none;
}

a.sublevel {
padding: 2px 4px 2px 13px;
display: block;
color: #999999;
background: url(../images/arrow.png) no-repeat 5px 8px;
text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #4F4F4F;
text-decoration: none;
}

#active_menu {
background: url(../images/arrow.png) no-repeat 5px 8px;
color: #6DA43A; (HERE TOO!!!)
}

#ja-botnavwrap {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
position: relative;
background: #F8F8F8;
overflow: hidden;
}

#ja-botnav {
padding: 0 15px;
background: url(../images/botnav-bg.gif) repeat-y top left #F1F1F1;
overflow: hidden;
}

#ja-botnav ul {
margin: 0;
padding: 0;
}

#ja-botnav li {
margin: 0;
padding: 0;
list-style: none;
background: none;
display: inline;
}

#ja-botnav a {
color: #999999;
display: block;
float: left;
padding: 5px 10px;
text-decoration: none;
}

#ja-botnav a:hover, #ja-botnav a:active, #ja-botnav a:focus {
background: url(../images/botnav-a-hover.gif) repeat-x center top;
color: #4F4F4F;
}

#ja-botnavwrap small {
width: 170px;
float: left;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 90%;
text-align: center;
margin-top: 7px;
overflow:hidden;
}

* html #ja-botnavwrap small { /* IE 6 */
width: 167px;
}

.wide #ja-botnavwrap small {
width: 214px;
letter-spacing: 3px;
}

* html .wide #ja-botnavwrap small { /* IE 6 */
width: 211px;
}

1 user says Thank You to wooohanetworks for this useful post

1. fcaccount

[fcaccount Friend fcaccountJoin date: July 2007Posts: 27Downloads:6Uploads:6 Thanks: 14 Thanked: 1 times in 1 posts]

#274758

Dear wooohanetworks,
I did these changes exactly where you suggest in template.css but background is still green.
What do you suggest?

Thanks again

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274781

<em>@fcaccount 85175 wrote:</em><blockquote>Dear wooohanetworks,
I did these changes exactly where you suggest in template.css but background is still green.
What do you suggest?

Thanks again</blockquote>

Have you also cleared the browser cache?

When it is not that, then you should also look for more green color codes in the CSS Navigation area and maybe also in other regions, every line that refers to the menu and has the green color code.

When it is not one or both of it, I will look again what it could be! 🙂

(Sometimes, I throw the CSS into my Filezilla FTP, do not look further, reload the page and nothing changed? Than I look into my Filezilla and see that the last upload was not done correctly, the CSS is “protected from being overwritten” so I have to change the CHMOD of the single CSS file first via Filezilla and than can replace the old with the updated file and at next reload of the page, the changes appear. Than maybe adding the same file access permissions to the CSS like it was before again.)

[fcaccount Friend fcaccountJoin date: July 2007Posts: 27Downloads:6Uploads:6 Thanks: 14 Thanked: 1 times in 1 posts]

#275015

It is not a css color value.

To change that “background” you need to change a image: trans-bg.png

In my case I set css-menu and the image is in:

templates/ja_rochea/ja_menus/ja_cssmenu/

That’s all

by

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#275198

<em>@fcaccount 85486 wrote:</em><blockquote>It is not a css color value.

To change that “background” you need to change a image: trans-bg.png

In my case I set css-menu and the image is in:

templates/ja_rochea/ja_menus/ja_cssmenu/

That’s all

by</blockquote>

I think removing the path to the files in the CSS also works out, this way the template is ruled by the color values and not by the files at all.:)

<em>@wooohanetworks 85744 wrote:</em><blockquote>I think removing the path to the files in the CSS also works out, this way the template is ruled by the color values and not by the files at all.:)</blockquote>

I don’t know…:((

For anyone who wants to learn from this thread…

I now did what fcaccount said and worked for him, and strange it is, it did not work…:confused:

Now I changed a ton of values in the ja.cssmenu.css and it worked.:)

Even more strange, that the kind of blind shots before lead for fcaccount to have it working out!!!:D

So, I can say here already, “Thanks to fcaccount for donating I think 200 credits to me!!! Thank you again!!!”

[mpaxton24 Friend mpaxton24Join date: October 2008Posts: 3Downloads:0Uploads:0 Thanked: 2 times in 2 posts]

#277444

Guys,

To change that color, you must open the .js file and change it there.

The file to change is ../templates/ja_rochea/ja_menus/ja_transmenu/ja.transmenu.js

the code to change is:

TransMenu.backgroundColor = "#666633"; // color of the background (transparency set in CSS)

There you all go!

2 users say Thank You to mpaxton24 for this useful post

1. fcaccount
2. masstech

[fcaccount Friend fcaccountJoin date: July 2007Posts: 27Downloads:6Uploads:6 Thanks: 14 Thanked: 1 times in 1 posts]

#277499

Hi

Thank you very much!

[Author]

Posts