apply the same button code used for header menu to side menu

to state the obvious: the header menu uses the css id #access for its styles; and this css id is not present for the sidebar menu.
you need to write your own styles for the sidebar menu.

hi thanks for the reply.

where would i write the coding do you mean categories.php as opposed to sidebar.php?

ive attached the coding if this helps

wrapper {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
border-style: solid;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.gallery img {
box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}

#access {
padding-top: 5px;
background: #fff;
}

#access .menu-header, div.menu {
margin-left: 0;
}

#access .menu-header, li,
div.menu li {
color: #ccc;
border: solid 1px #f1f1f1;
margin-right: 5px;
}

#access a {
color: #0066ff;
border-radius:8px 0px 8px 0px;
-moz-border-radius:8px 0px 8px 0px;
-webkit-border-radius:8px 0px 8px 0px;
box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}

#access li:hover > a,
#access ul ul :hover > a {
background: #0066ff;
color: #ffffff;
}

#access ul ul a {
color: #fff;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
background: #0066ff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
background: #0066ff;
}

any css coding for formatting should go into style.css of the theme, or whatever stylesheet (.css file) the theme uses for custom styles.

Hi

I get this as I’ve applied it to the header menu in my stylesheet, what I’m asking is
How do I get it to apply to the sidebar menu- what do I edit to the coding ?

Thanks in advance

Olivia