change background of left menu in lazuli template ver 3.2.5
How can the light gray background of the stock Lazuli template be edited in css to put a custom background? I can add the custom background to the .box.menu_vertical ul in css and I can edit the image borders_box.png which displays the background but I'm still left with the side borders and top the light gray. What am I missing?

You posted this as an idea. What exactly is your idea?

Sorry should be in the questions area. I thought I had moved it.

I found I had to make color changes in the following lines:
box{margin:0 0 8px 0;padding:0;background-color:#95977F;}
(this took care of margins left and right and the upper half)
.box_bottom{background:#95977F url({template_url}/images/borders_box.png) 0 7px repeat-x;}
(this took care of the bottom part of the menu)
.box.menu_vertical ul, .box.syndication ul, .box.recentposts ul{list-style:none;margin:0;padding:0px 0 0 0;background:url({template_url}/images/parchment.jpg) 0 0 repeat-y;}
(this took care of the textbody background of the menu)
and finally had to change the color in the /images/borders_box.png
SOLVED
Leave Comment

Comments (3)