Can't change color lines inside menu bar

I think it’s these rules:

#access .menu-header, div.menu {
  background: url("images/menu-sep.png") repeat scroll 0 0 #222222;
  display: inline;
  float: left;
  font-size: 13px;
  width: 100%;
}

#access a {
  background: url("images/menu-sep.png") no-repeat scroll right top transparent;
  color: #E02444;
  display: block;
  line-height: 38px;
  padding: 0 10px;
  text-decoration: none;
}

It’s the background image showing through, as far as I can see.

So if you do this:

#access .menu-header, div.menu,
#access a {
  background image: none;
}

… you should be OK, although I haven’t tested it.

Alternatively, you could just get rid of the padding from the <a> elements, I suppose.

You should of course be making changes like these in a child theme if it’s at all possible.

Cheers

PAE

Thank you so very much! It worked! I appreciate your help – have a great day!

No problem. Glad it worked out.

If you could mark the topic resolved, it would help people searching the list.

Cheers

PAE