WordPress.org

1. jenntru
   Member
   Posted 9 months ago #

   Hello, there are blue bars that separate the menu categories that I would like to change. The link to my site is http://www.rockitmomma.com

   Thank you so much for any help!

2. peredur
   Member
   Posted 9 months ago #

   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

3. jenntru
   Member
   Posted 9 months ago #

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

4. peredur
   Member
   Posted 9 months ago #

   No problem. Glad it worked out.

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

   Cheers

   PAE

Reply

You must log in to post.