Joomla Templates Club 406,261 posts

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#169615

HI,

How do I change community plus mega menu colors?
I want to change pretty much all the colors, is there a guide to create color theme?

Thanks in advance,
Shahar

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#418974

Hi
To change menu color it will need some works w/ css depend on how will it change.
Would you mind give me some images what will you want for change ?
Thank you
Viet Vu

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

#418975

<em>@shaharglukman 275478 wrote:</em><blockquote>HI,

How do I change community plus mega menu colors?
I want to change pretty much all the colors, is there a guide to create color theme?

Thanks in advance,
Shahar</blockquote>

Do you want to stick with a general template color theme and THEN change just the mega-menu colors?

If so, please provide the url for the site you’re working on (assumedly with the color theme you want) and also set “Optimize CSS” to “No” within your Template Manager. When you’ve taken this first step, we’ll move on to the next.

😎

1 user says Thank You to TomC for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418976

This is the site: http://shimers.co.il/

I want to change the black background for example also while I hover I want that grey-brown to be more creamy color and when hovering on 2nd level and the 2nd level itself.
that means pretty much all the colors in the menu.

I’ve scavenged the forum and couldn’t find anything specific related to it.

Btw very nice response time 🙂

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

#418977

Will need you to set “Optimize CSS” to “No” within your Template Manager – as this will assist with identifying the CSS elements you will need to modify.

1 user says Thank You to TomC for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418979

<em>@TomC 275481 wrote:</em><blockquote>Do you want to stick with a general template color theme and THEN change just the mega-menu colors?

If so, please provide the url for the site you’re working on (assumedly with the color theme you want) and also set “Optimize CSS” to “No” within your Template Manager. When you’ve taken this first step, we’ll move on to the next.

:cool:</blockquote>
I don’t mind changing the whole site color set, eventually I want to customize the menu to fit my needs.
Already set to No

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

#418980

Within path templates/ja_community/css/menu … open mega.css

at line 3 ..


.ja-megamenu { margin-left: 25px; }


Try adding a background color to this css

For the menu items and font color, see line 11 . . .


.ja-megamenu ul.level0 li.mega a.mega {
color: #fae9d4;
font-size: 120%;
font-family: Verdana, "Segoe UI", sans-serif;
padding: 15px 20px;
font-weight: 500;
position: relative;
z-index: 9999;
}


Play around with the color until you arrive at the color you want.

1 user says Thank You to TomC for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418981

added for testing red color, see the site (shimers.co.il), there is a blank spot on the left for some reason.

also when I change:

.ja-megamenu ul.level0 li.mega a.mega {
color: #fae9d4;
font-size: 120%;
font-family: Verdana, "Segoe UI", sans-serif;
padding: 15px 20px;
font-weight: 500;
position: relative;
z-index: 9999;
}

nothing really happens when I change color

well never mind, I’m playing there a bit finding what I need.
Thanks a lot though for the help and direction.

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

#418985

Just as an added bit of advice, using a web development tool, like firebug, is VERY useful.
(this is what I used to find the code).

Check this out –> [URL=http://www.joomlart.com/forums/topic/using-firebug-to-customize-your-site/

1 user says Thank You to TomC for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418986

Thanks, I am using fire bug and also The web developer, yet could’nt find all I wanted.

If you don’t mind, have a look again on the site, see what I cannot change, as I said, top get black on the left, on child I can’t change that grey, if you’ll see I want all the child menu to be as the brown/cream I get only on the bottom of the child menu.

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

#418990

If you’re referring to the color of the dropdown, see line 114


.ja-megamenu .childcontent-inner {
background: #584e48 url(../../images/menu-bg01.gif) repeat-x left top;
border: 1px solid #938781;
margin-top: -1px;
margin-left: -1px;
}


You will need to change the background image – to a color or a different image

1 user says Thank You to TomC for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418992

Very nice.
Thanks a lot man, great help by you.

Cheers

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

#418993

My pleasure . . . Hope some of that was educational as well – to help you learn how to find the CSS code you need

😎

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418994

Well it did helped a bit, I know my way around pretty much, just haven’t really understood the user of small gif images as background color

[newwebsi Friend newwebsiJoin date: November 2011Posts: 40Downloads:0Uploads:6 Thanks: 2]

#454512

how do i change the css for the mega menu colors i have changed the background color but cant seem to find the menu and submenu text to change the colors http://dentistcroftonmd.com/

alos to the right of proceedures its black where is that code to change the color ive changed part of the div but cant find the other part ja kranos template
thanks
kyle

[Author]

Posts