# Box Menu Colours - container background colours

**URL:** <https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934>\
**Category:** General Help\
**Created:** [November 26, 2020, 2:43pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934 "2020-11-26T14:43:00Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![MrBrown](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@MrBrown](https://community.evolveauthoring.com/u/MrBrown)\
**Post date:** [November 26, 2020, 2:43pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/1 "2020-11-26T14:43:00Z")

</div>

Hi - I’m trying to change the colour of the container that surrounds all the box menu items. I can change the main page colour but not the container of the menu items. Currently my menu has one huge bg page colour. But I’d like it to be kind of a white bg on a coloured page if that makes sense. I can change this on my pages but not the menu (I can’t find the setting… if there is one.)

Thanks  
D

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [November 26, 2020, 3:16pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/2 "2020-11-26T15:16:56Z")

</div>

Hi MrBrown - Can you drop a quick screenshot of your page that shows the area you mean? I can change a lot of my colours in the box menu, but I have never seen a container around the menu items in my theme… For example…

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/64bd9791fbfd97e2bb82899b96ca9fc6b78ff8ac.png)

---

<div class="post-metadata">

**Author:** ![MrBrown](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@MrBrown](https://community.evolveauthoring.com/u/MrBrown)\
**Post date:** [November 26, 2020, 3:25pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/3 "2020-11-26T15:25:23Z")

</div>

![Screenshot 2020-11-26 at 15.24.23](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/f0acb9c80af08b56f0a4b03b16e9dd8f9e6b4f0a.png)

---

<div class="post-metadata">

**Author:** ![MrBrown](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@MrBrown](https://community.evolveauthoring.com/u/MrBrown)\
**Post date:** [November 26, 2020, 3:26pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/4 "2020-11-26T15:26:01Z")

</div>

This is just a graphic of what I’m after  
Thanks in advance…

---

<div class="post-metadata">

**Author:** ![MrBrown](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@MrBrown](https://community.evolveauthoring.com/u/MrBrown)\
**Post date:** [November 26, 2020, 4:41pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/5 "2020-11-26T16:41:02Z")

</div>

I can change it with the CHrome Developer toolbar… so I can see the element exists… just wondering if the tool can change it too? Thank you.

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [November 26, 2020, 4:51pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/6 "2020-11-26T16:51:32Z")

</div>

Hi!

Yes I was able to change it in devtools also, and I have found where I think in the tool it should change but it does not seem to affect it. I will make some enquiries and post back. This is what I was able to get using the tool then the chrome devtool for that one setting…

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/14d4f60b5739dab5c9cc7fe28748ab0cda7c70b6.png)

---

<div class="post-metadata">

**Author:** ![MrBrown](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@MrBrown](https://community.evolveauthoring.com/u/MrBrown)\
**Post date:** [November 26, 2020, 5:11pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/7 "2020-11-26T17:11:44Z")

</div>

Thank you… yes I did the same… I tried to change the colour to white in the tool, but it doesn’t affect it.

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [November 26, 2020, 5:23pm UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/8 "2020-11-26T17:23:03Z")

</div>

Will get back to you asap if we can find a solution.

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [November 27, 2020, 10:33am UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/9 "2020-11-27T10:33:26Z")

</div>

Hello again!

This will need further investigation in order to make affecting it within the tool possible.

I was able to achieve the following with the use of borders around the menu items - I know it’s not quite what you were after, I’m sorry!

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/0475d144d86a294a637eedae889adbcaaec32ed4.png)

---

<div class="post-metadata">

**Author:** ![MrBrown](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@MrBrown](https://community.evolveauthoring.com/u/MrBrown)\
**Post date:** [November 27, 2020, 11:07am UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/10 "2020-11-27T11:07:30Z")

</div>

Thanks for trying… I’ll just have to use the menu as is and just have the colour page background.

Is it just that the colour swatch for the container doesn’t actually work? i.e. is not set up in the tool… because changing the colour doesn’t affect it?

Anyway thank you for trying.  
D

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [November 27, 2020, 11:40am UTC](https://community.evolveauthoring.com/t/box-menu-colours-container-background-colours/934/11 "2020-11-27T11:40:36Z")

</div>

I believe it is - and hopefully one for future consideration! Thank you for bringing it up for attention.
