Jump to content

Color Background Not Displaying on Menu Block

Recommended Posts

Hello, I'm trying to customize my menu blocks with a border and a background color. I'm not sure what happened but all of a sudden the background color on my menu blocks has stopped showing up. Does anyone know why the bit of css I'm using has stopped working? The first picture is what it looks like now and the second is what it used to look like. Here is the css I am using: 

.menu-wrapper {
background-color: #ffff;
   padding: 20px;
 border-width: 10px;
  border-top-width: 0;
  border-right-width: 0;
  border-style: outset;
  border-color: #0071CE;
  box-shadow: inset 0px 0px 0px 8px #F9AD32;
.menu-wrapper {
  bottom: -15px;
  right: 0;
  background: linear-gradient(135deg, transparent 3.3em, #ffff 0) top left;

.menu-wrapper {
  top: 0;
  left: -15px;
  background: linear-gradient(-45deg, transparent 3.3em, #ffff 0) top left;


Link to comment
  • Replies 4
  • Views 398
  • Created
  • Last Reply
20 hours ago, ehopwood said:

The link to the site is here: https://www.eddebevics.com/menu-breakfast-test

As you can see none of the menu frames have the white background for some reason.


Add to Design > Custom CSS

/* menu box background */
.menu-wrapper {
    background: white !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.