Personalizar widgets

Qual é minha questão:
Saudações,

Os Widgets de meu fórum, estão assim http://prntscr.com/1i4hxs, mas eu desejo que eles fiquem assim http://prntscr.com/1i4i5u.

Obrigado, e até mais.

Endereço do meu fórum:
http://familiashield.sampforum.net

Versão do fórum:
PUNBB

Olá!

Ceda o endereço do fórum que viu o modelo de widget que deseja.

Até mais!

Desculpe-me, tinha me esquecido, aqui está www.swdesign.tk.

Bem simples, adicione este código na folha de estilo CSS do seu fórum:

Código:

.main-content {
background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
}

Resulta?

Bom, a imagem de fundo do Widget funcionou, mas repare que os Widgets do SWDesign tem uma degradê também atras do título do Widget.

@EDIT

Para este acrescente o código a seguir juntamente na folha:

Código:

.module .main-head {
background: url(http://i.imgur.com/sC6CgHI.png) -1px 0px !important;
}

Até mais!

E como posso controlar a altura disto http://prntscr.com/1i62xe?

Olá!

Troque por este:

Código:

    .module .main-head {
    background: url(http://i.imgur.com/sC6CgHI.png) -1px 0px !important;
    height: 30px !important;
    }

Vai aumentando ou diminuindo o número 30.

Abraços!

Substitua por este:

Código:

.module .main-head {
background: url(http://i.imgur.com/sC6CgHI.png) -1px 0px !important;
padding: 0.6em 1.3em !important;
}

Basta modificar os valores de 0.6em 1.3em para definir as propriedades de tamanho.

Até mais!

Saudações,

O de Crazy fez diminuir, mais o texto ficava no mesmo local, não subia também http://prntscr.com/1i99uj, o de Hacker funcionou perfeitamente, troquei os 'em' por 'px' e fui ajeitando até ficar de meu agrado, muito obrigado.

Até mais.