Page 1 of 2

Drop down menu color

Posted: August 29th, 2015, 5:43 am
by fineline
Hi

Can you please let me know how to change the drop down menu color?

Well, I am in service page and when I go over service, drop down menu background is "Red" now. But I want to make it white BG and when I hover, I would like to see Red color. (or whatever color I pick from the Guardian Option >>> Skin Layout Settings >>> Custom Color Schemes)

However, when I am not in Service page, drop down menu BG stays white.
I want the drop down menu to be always WHITE.

Below is the URL
http://dev.shinn.ca/fineline/service/

Please help. You are my only hope.




Thanks!

Re: Drop down menu color

Posted: August 31st, 2015, 1:44 pm
by support_staff
Hi,

Go to your core theme directory >> core folder >> scripts folder >> weblizar-custom-color-css.

Now open it into any text editor.

and add below css rules into "weblizar-custom-color-css" file.

<!--- Drop Down Menu Color --->
#trueHeader ul li.active ul.dropdown-menu li a {
background-color: #fff !important;
}
#trueHeader ul li.active ul.dropdown-menu li a:hover {
background-color: <?php echo $wl_theme_options['weblizar_custom_color']; ?> !important;
}
ul.nav > li.active ul.dropdown-menu li a {
background-color: #fff !important;
}


Now save the changes.

Thanks

Re: Drop down menu color

Posted: September 1st, 2015, 2:25 am
by fineline
Hi

I had the CSS from you on weblizar-custom-color-css.php file but I don't see any change...

Did I drop the CSS on the wrong spot?
Can you please take a look? (I zipped the php file)

Thank you for your help!

Re: Drop down menu color

Posted: September 1st, 2015, 12:06 pm
by support_staff
Hi,

Write below CSS rules into "weblizar-custom-color-css.php" file before </style> tag.

#trueHeader ul li.active ul.dropdown-menu li a:hover {
background-color: <?php echo $wl_theme_options['weblizar_custom_color']; ?> !important;
color: #fff !important;
}
#trueHeader ul li.active ul.dropdown-menu li a {
background-color: #fff !important;
}

And save the changes.

Thanks

Re: Drop down menu color

Posted: September 3rd, 2015, 12:21 am
by fineline
Hi

I put the code you gave me on very bottom before </styles> but it doesn't work...
Drop down menu is still red background.

Can you please have a look at the code? (it's attached as zip file)

Thank you again!

Re: Drop down menu color

Posted: September 3rd, 2015, 12:56 pm
by support_staff
Hi,

Please find out this code in "weblizar-custom-color-css.php"

Code: Select all

ul.nav > li.active  a{ 
	color:#fff !important;
	background-color:<?php echo $wl_theme_options['weblizar_custom_color']; ?> !important;	
}
And delete it.

Thanks.

Re: Drop down menu color

Posted: September 9th, 2015, 5:28 am
by fineline
Hi

I found the code at line 15-18 and deleted but I still see the dropdown menu color is still NOT white.

What I want to achieve is that when I am in "Service" page, I would like to see the dropdown menu BG as WHITE.

Please let me know what to do.

Thank you!

Re: Drop down menu color

Posted: September 11th, 2015, 12:04 am
by fineline
Hi

Please let me know if you have any solution to this issue.
The dropdown menu is still red after I deleted the CSS you mentioned.

Thank you!

Re: Drop down menu color

Posted: September 12th, 2015, 11:58 am
by support_staff
Hi,

We have resolved your issue please check it out.


Thanks.

Re: Drop down menu color

Posted: September 14th, 2015, 11:50 pm
by fineline
Hi

It's working!!!

Can you please let me know what are the changes?
I am very curious how you did it!