Go Menu

Billywiz · Post by **Billywiz** » Fri Feb 21, 2020 2:52 pm

Can anyone tell me how to change the background colour of the dropdowns, I have set the background on the main to transparent but cannot see anywhere to alter the dropdown background from Blue.

Cheers

Post by **Pablo** » Fri Feb 21, 2020 3:38 pm

There is currently no option to change the background color of options.

BaconFries · Post by **BaconFries** » Fri Feb 21, 2020 3:41 pm

I take it you are referring to the blue highlighted colour when the item/option is selected? If so there is no option for this and would require some custom css..

Billywiz · Post by **Billywiz** » Fri Feb 21, 2020 3:50 pm

Is this something I could put in suggestions ?

Post by **Pablo** » Fri Feb 21, 2020 3:55 pm

You can post suggestions here:
https://www.wysiwygwebbuilder.com/forum ... m.php?f=28
If more users find it useful, then I will consider it for future development.

crispy68 · Post by **crispy68** » Mon Feb 24, 2020 1:59 am

If you want to change the background of the dropdown portion, do the following:

click on Page --> Page HTML --> Between <head> </head> tags

add this:

Code: Select all

<style>
[role="menuitem"]{background-color:#FF0000;}
</style>

Change the color to your liking.

Billywiz · Post by **Billywiz** » Mon Feb 24, 2020 7:15 am

Thank you crispy that works a treat but what I want to do is change the colour of the background behind each dropdown choice.
In my Go Menu the visitor is given a choice of languages to choose from and as each choice is hovered over it shows Blue and this is
the colour I want to change as the Blue doesn't really fit in with my page.
Thank you for the suggestion, I am changing the main background to another colour.

Cheers

crispy68 · Post by **crispy68** » Tue Feb 25, 2020 12:26 am

Sorry, did know you wanted each submenu item to have a different background as your original question simply said 'dropdown background'.

Depending on how many subcategories you have, you could do it like this instead:

Code: Select all

<style>
[role="menuitem"]:nth-child(2){background-color:#ffffff;}
[role="menuitem"]:nth-child(3){background-color:#f0f0f0;}
[role="menuitem"]:nth-child(4){background-color:#D1D1D1;}
[role="menuitem"]:nth-child(5){background-color:#B7B7B7;}
</style>

Start with #2 as the number '2' is the first item in the submenu, '3' is the 2nd and so forth. The above would give you something like this:

Billywiz · Post by **Billywiz** » Tue Feb 25, 2020 7:51 am

Thanks crispy, that's exactly what I needed. Your help is appreciated.

Cheers

www.wysiwygwebbuilder.com

Go Menu

Go Menu

Re: Go Menu

Re: Go Menu

Re: Go Menu

Re: Go Menu

Re: Go Menu

Re: Go Menu

Re: Go Menu

Re: Go Menu