Joomla Templates Club 406,261 posts

[rr21 Friend rr21Join date: March 2010Posts: 18Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#149728

How do I change the font color on the top menu?

How do I get rid of the color red behind the mainlevel-active.gif. I changed it to white and theres a red color behind it.

How do I change the the black background to white (Refer to the image)? I want it to look like the JM Rasite

JM Rasite

[vitormarques Friend vitormarquesJoin date: March 2010Posts: 70Downloads:0Uploads:0 Thanked: 19 times in 18 posts]

#337301

Hello.

How do I change the font color on the top menu?
First what type of menu do you have? Mega menu?

How do I get rid of the color red behind the mainlevel-active.gif. I changed it to white and theres a red color behind it.
Again.. I need to know what type of menu is that.

How do I change the the black background to white (Refer to the image)? I want it to look like the JM Rasite
Change the color scheme to Light Ocean. Then open file template.css (line 14) and change background to something like #CCC.

Hope I could help.
Cheers

[rr21 Friend rr21Join date: March 2010Posts: 18Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#337305

Im using Mega Menu

also, how can i change the bottom color? i want it to be the same as my background.

[vitormarques Friend vitormarquesJoin date: March 2010Posts: 70Downloads:0Uploads:0 Thanked: 19 times in 18 posts]

#337308

ok.

So change the color font on top menu:

file: mega.css (line 27) – change color
file: mega.css (line 81) – change color /* this is hover state */

To remove mainlevel-active.gif:

file: mega.css (line 81) – add this: background:none!important;
file mega.css (line 29) – add this: background:none!important;

Cheers

1 user says Thank You to vitormarques for this useful post

1. rr21

[rr21 Friend rr21Join date: March 2010Posts: 18Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#337309

thanks. do you know how to change the bottom color? the one i mentioned above?

[vitormarques Friend vitormarquesJoin date: March 2010Posts: 70Downloads:0Uploads:0 Thanked: 19 times in 18 posts]

#337365

i’m sorry.

I didn’t notice your question about the bottom. Here’s the solution:

file: template.css (line 1680) – remove background and border

Assuming you are using light ocean color scheme:
file: light_ocean.css (line 124) – remove background

If you’re not using light ocean:
file: template.css (line 1718) – add background:none!important;

Best regards

[Author]

Posts