Personalizar widgets

Fala galera, então queria colocar uma borda sabe tipo alguma coisa nos Widgets como vocês podem ver eles não tem nada em volta, eu quero igual o da fórumeiros, uma imagem de fundo no titulo do Widget colocar outra cor dentro dele.
O título está branco a cor também ..

PRINT : http://prntscr.com/82dj3z

Olá!

Poderia fornecer o endereço do seu fórum, por gentileza?

Cumprimentos.
Fraise

Claro, aqui está:

http://betterlife.forumeiros.com/

Olá!

Adicione à sua folha de estilos:

Código:

.module {
    background-color: #fff;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
    border: 50px!important;
    border-color: #315C99 #b9c4cd #b9c4cd!important;
    border-radius: 6px 6px 3px 3px!important;
    border-style: solid!important;
    border-width: 0 1px 1px!important;
    margin: 3px 1px;
    padding-bottom: 8px;
    padding-top: 4px;
}

.module .h3 {
    color: #000;
}

Cumprimentos.
Fraise

Ficou legal, mas você conseguiria fazer assim? http://prntscr.com/82dsjq
No título do Widget.

Olá!

Antes de mais, informo que a imagem no fundo do título é da propriedade FORUMEIROS e poderá ser feito um litígio contra o seu fórum.

Mas aqui está, adicione mais este:

Código:

#left .module .h3 {
    background: url(http://2img.net/i/fa/fdf3/bg_cat.png) #FBFBFB;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) 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;
    margin-left: -9px!important;
    margin-right: -9px!important;
    margin-top: -5px!important;
    padding: 7px!important;
    text-align: center!important;
}

Cumprimentos.
Fraise

Valeu, mas eu não quero a imagem da forumeiros, só peguei de exemplo.
Enfim outra dúvida, tem como tirar esse branco ?

http://prntscr.com/82dzbq

Fica feio rs.

Olá!

Isso terá de alterar na administração dos grupos.
http://prntscr.com/82e187

Cumprimentos.
Fraise

Não é isso amigo, é o fundo.

Olha: http://prntscr.com/82e2nn


Rs

Olá!

No primeiro código que lhe passei, localize a propriedade:

Código:

background-color: #fff;

Basta substituir #fff pela cor desejada.

Cumprimentos.
Fraise

Amigo rs, já mudei mas continua tipo aquele branquinho no fundo do nome continuar, queria tirar aquilo.
Eu mudei e mudo a cor do fundo.
Enfim, queria mudar ali tem como? rs.


Olha : http://prntscr.com/82e55e

Olá!

Assim?

Código:

.row1 {
background-color:#000!important;
}

.row2 {
background-color:#000!important;
}

Altere #000 para a cor desejada.

Cumprimentos.
Fraise

Cara deu certo mas mudou a cor de fundo das mensagens, onde era pra deixar branco olha:

http://prntscr.com/82e9eu

Olá!

Tente assim:

Código:

.module .row1 {
background-color:#000!important;
}

.module .row2 {
background-color:#000!important;
}

Cumprimentos.
Fraise

Deu, obrigado