Barra em widgets

Qual é minha questão:
Ola, na versão phpbb3 só existe barras sobre as categorias e foruns, gostaria de colocar as mesmas barras( com aquele efeito de borda ) nos widgets do meu fórum
aqui esta um print para entender melhor: quero que a barra da area destacada de verde tambem tenha na area destacada em vermelho
https://i.imgur.com/pHwDJHA.png

Endereço do meu fórum:
http://snkrpg.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS

Código:

Código:

 .module {
  background-color:#1f1f1f;background-image:url(http://i.imgur.com/UKNeAsZ.png);background-position:0 0;background-repeat:repeat-x;border:2px solid #b0a9a9;clear:both;margin-bottom:4px;padding:0 5px
;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800;
  -moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800
}


Valide.

ola, crazy resolvir tirar a imagem da barra, e queria que os titulos dos widgets fossem na cor branca e nesta fonte aqui:

Código:

/* standard */
<link href='http://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'>

/* css */
@import url(http://fonts.googleapis.com/css?family=Rye);

/* javascript */
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Rye::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>


, tem como fazer está alterações ?

Olá!

Troque o código por esse:

Código:

        .module {
color: white;
font-family: 'NOME DA FONTE';
        }

No código procure por NOME DA FONTE substitua pelo nome da fonte.

Até mais.

como eu faço pra colocar aquela fonte no meu forum XD ?

e não deu certo ._.

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS

Código:

Código:

.module {
color: white;
font-family: 'Rye', cursive;
}

Não modifique nada no código.

Valide.

Aceda à "Descrição do fórum":
Painel de Controle Geral Fórum Configuração
Procure por "Descrição do site", ao lado adicione o código abaixo:

Código:

<link href='http://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'>

Salve!

deu certo, mas os titulos dos widgets não estam aparecendo, a cor deles ta igual a do fundo, tem como mudar para branco?

Olá!

Aqui o titulo está da cor branca, tente dar "CTRL + F5"

Código:

        .module {
        color: white !important;
        font-family: 'Rye', cursive;
        }

Troque o código pelo acima, apliquei o !important.

Até mais.

deu certo, mas não existe algum comando só para os titulos não ?, seria muito bom.

Olá!

Sim claro, entenda o código:

Código:

.module .h3 {
color: white !important;
}

Acima só vai modificar o titulo.

Até mais.

ae o/ valeu mesmo crazy