Fundo do widget

Olá!
Gostaria de colocar meus widgets com esta aparência: http://demo.nicetheme.com/?theme_id=207407
Meu fórum: http://winxclubfairies.forumeiros.com

Saudações,

Acedemos ao teu painel administrativo:
Cpainel ->> Visualização ->> Gestão de imagens ->> Cores ->> Folha de Estilo CSS

Código:

.module {
  margin-bottom: 4px;
  padding: 0 10px;
  background-color: #131313!important;
  overflow: hidden;
  background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\')!important;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #101010;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

Coloque o código acima no inicio d eteu CSS e salve.

Até mais.
Sennior

O fundo do widget está preto, quero só um pouquinho mais transparente.

Olá!

Troque por este:

Código:

.module {
  opacity: 0.4!important;
  margin-bottom: 4px;
  padding: 0 10px;
  background-color: #131313!important;
  overflow: hidden;
  background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\')!important;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #101010;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

Cumprimentos.
Fraise

Quero que somente o fundo (e não o conteúdo do widget) fique transparente...

Olá!

Veja assim:

Código:

.module {
  margin-bottom: 4px;
  padding: 0 10px;
  background-color: rgba(19,19,19,0.4)!important;
  overflow: hidden;
  background-image: url(\'http://i30.servimg.com/u/f30/14/70/09/25/gradie12.png\')!important;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #101010;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

Cumprimentos.
Fraise

Resolvido!