Personalizar Widget

Detalhes da questão:
Fórum: http://aprendendoaqui.forumeiros.com/
Versão: PhpBBB3

Descrição:
Widget atual: http://prnt.sc/dgypcl

Como poderia personalizar o widget com o topo de preferencia de cor preta e com bordas arredondadas?
O fundo com a mesma cor do fórum ( branca). Parecido com o widget dos FDF.

Agradeço desde já!

Olá autor, boa tarde.

Adicione esse código em sua folha de estilo css:

Código:

.module {background: #fff!important;}
        .module .h3 {
    background: black;
    color: #FFF;
    margin: 0 -10px 0px;
    padding: 6px 3px;
    text-align: center;
    margin-top: -5px;
    text-transform: none;
}

Até mais.

Funcionou!! Muito Obrigado!!

Tenho que aprender CSS!! (y)

O conteúdo ficou muito próximo do topo. Tem como eu afastar um pouco?

http://prntscr.com/dh246b

Alguém sabe como? o.o

Olá!

Localize o margin: 0 -10px 0px; do código que o while te passou, e troque por este:

Código:

    margin: 30px -10px 0px;

Salve.

Funcionou!! Obrigado!!
Mas tive que alterar o: margin: 30px -10px 0px;
para: margin: 30px -10px 5px;

Pode fechar!