Código CSS de Widgets

Olá amigos, eu queria a alteração nesse código:

Código:

#left .module {
   background: url('http://2img.net/i/bl/spirale.png') no-repeat scroll 0px 0px #E5F1F9;
   border-color: #315C99 #B9C4CD #B9C4CD;
   border-radius: 6px 6px 3px 3px;
   border-style: solid;
   border-width: 0px 1px 1px;
}
.module {
   color: #536482;
   margin-bottom: 4px;
   overflow: hidden;
   padding: 0px 10px;
}
#left .module .h3, #left .module ul {
   border-radius: 6px 5px 0px 0px;
   overflow: hidden;
}
#left .module .h3 {
   background-color: #1775BD;
   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.247) inset, 0px 1px 3px rgba(0, 0, 0, 0.298), 0px 2px 0px rgba(255, 255, 255, 0.2) inset;
   color: #FFF !important;
   cursor: default !important;
   font-family: Arial;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   height: 14px;
   margin-left: -9px !important;
   margin-right: -9px !important;
   margin-top: -5px !important;
   padding: 7px !important;
   text-align: center !important;
   text-shadow: 1px 1px 0px #5C5C5C !important;
}
p.center {
   margin: 0px;
   text-align: center;
}
.module span.corners-bottom, .module span.corners-top {
   margin: 0px -10px;
}

Eu gostaria que pusessem a cor azul claro no cabeçalho dos Widgets, e que melhorassem para ficar igual aqui no FdF, pois fica 1px longe das bordas laterais, e queria queria que ocupasse a largura toda do Widget no cabeçalho dele. E a coloração azul clara também é para as bordas, retirem a sombra que tem abaixo do cabeçalho do Widget. E é isso
Vou esperar respostas! Até mais

Boas,

Altere teu código pelo abaixo, e me diga se deseja mais modificações:

Código:

#left .module {
  background: url('http://2img.net/i/bl/spirale.png') no-repeat scroll 0px 0px #E5F1F9;
  border-color: #315C99 #B9C4CD #B9C4CD;
  border-radius: 6px 6px 3px 3px;
  border-style: solid;
  border-width: 0px 1px 1px;
  padding: 3px;
}
.module {
  color: #536482;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 0px 10px;
}
#left .module .h3, #left .module ul {
  border-radius: 6px 5px 0px 0px;
  overflow: hidden;
}
#left .module .h3 {
background-color: #1775BD;
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 14px;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
text-shadow: 1px 1px 0 #5C5C5C!important;
position: relative;
top: -4px;
}
p.center {
  margin: 0px;
  text-align: center;
}
.module span.corners-bottom, .module span.corners-top {
  margin: 0px -10px;
}

Abraços.

Humm... Excelente!
Mas, as categorias e os Widgets estão grudados agora :s
Tem como você ver um code que altera esse espaço entre Widgets e categorias para 2px??

Sim amigo, mas o link referente ao teu fórum é este mesmo?
http://testmanager.forumeiros.com/

Não estou vendo mudanças que o senhor diz que ocorreu.
Até mais.

Ops... Eu havia inserido neste fórum: http://narutogenesys.forumeiros.com
Eu confundo os fóruns, o código é do Test Manager enquanto ele se aplica ao Naruto Genesis
Agora pode ver como ficou

Olá,

Adiciona este código no Final da sua Folha de estilo CSS

Código:

#content-container div#left {
    margin-right: 2px!important;
}

Até

Olá!

Coloque o código abaixo em sua folha CSS:

Código:


#left .module {margin-top:3px!important;}
li.row {margin-top:2px!important;}

Espero que dê certo.
Atenciosamente.