Page 1 of 1
Go Menu
Posted: Fri Feb 21, 2020 2:52 pm
by Billywiz
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
Re: Go Menu
Posted: Fri Feb 21, 2020 3:38 pm
by Pablo
There is currently no option to change the background color of options.
Re: Go Menu
Posted: Fri Feb 21, 2020 3:41 pm
by BaconFries
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..
Re: Go Menu
Posted: Fri Feb 21, 2020 3:50 pm
by Billywiz
Is this something I could put in suggestions ?
Re: Go Menu
Posted: Fri Feb 21, 2020 3:55 pm
by Pablo
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.
Re: Go Menu
Posted: Mon Feb 24, 2020 1:59 am
by crispy68
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.
Re: Go Menu
Posted: Mon Feb 24, 2020 7:15 am
by Billywiz
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
Re: Go Menu
Posted: Tue Feb 25, 2020 12:26 am
by crispy68
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:
Re: Go Menu
Posted: Tue Feb 25, 2020 7:51 am
by Billywiz
Thanks crispy, that's exactly what I needed. Your help is appreciated.
Cheers