gizmoody

i ended up using that actually borders all of my widgets in that sidebar (which is suboptimal but works for now):

.widget, kbrsswidget {
margin-top:22px;
margin-left:0px;
margin-right:0px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
border: 2px solid #006599;
background: #f0f0f0;

without the comma after widget, it doesn’t work and using just .kbrsswidget doesn’t work either.

thanks again for you input.

i would only like to have a border around one of the widgets and not all. where would i insert the border code?

thanks, i am new at this, so i apologize.

Hi Tim,

You are a lifesaver! That worked well with the addition of:
#navcatlist li.current-cat a { background: #006599; color: #FFFFFF; }

Thanks again for you time and help.

Hey Tim,

Thanks for your reply. I tried by couldn’t get it to work. Below is what the style.css section for the menu looks like. I am a bit inexperienced as of present and would really appreciate it if you can tell me where exactly to place that line and also if that line needs to be modified based on the style info below:

/* *************************************** DROPDOWN NAVIGATION – CATEGORIES */
#navcats {
width:970px;
background: #fff;
border-bottom:2px solid #006599;
}
#navcats #navcatlist li {
float: left;
width: auto;
}
#navcats ul li a {
display: block;
font-size: .9em;
color: #333;
padding-top:6px;
padding-bottom:6px;
padding-right:12px;
padding-left:12px;
border-right:1px solid #ddd;
}
#navcats ul li a:hover {
background: #006599;
color:#fff;
}
#navcatlist li li {
float: left;
width: 160px;
}
#navcatlist li li a{
background: #b5dded;
color:#222;
float: none;
padding-top:3px;
padding-bottom:2px;
padding-right:12px;
padding-left:12px;
border-top: 1px solid #555;
border-right:0;
width: 136px!important;
width:160px;
width/**/:/**/136px;
}
#navcatlist li li a:hover {
background: #8BC7DF;
color:#222;
}
#navcatlist li ul {
position: absolute;
width: 160px;
left: -999em;
border-bottom:1px solid #555;
}
#navcatlist li:hover ul {
left: auto;
display: block;
}
#navcatlist li:hover ul {
left: auto;
}
/* ********************************************************** */
/* CONTENT-WRAPPER */
/***********************************************************/
#content-wrap {
width:970px;
margin: 0 auto;
clear:both;
}

Thanks a lot!