Personalizar Barra

Detalhes da questão

Endereço do fórum: http://tudo2family.forumeiros.com/
Versão do fórum: PunBB

Descrição

Bom, e possível personalizar a aquela barrinha branca que fica encima das barras da categorias.

como está minhas barras: https://i.imgur.com/6B3vQ2F.jpg

como eu quero que fique: https://i.imgur.com/5AKac5v.jpg

Até mais.

Olá, procure isto na sua folha de estilo css:

Código:

.pun-crumbs

Então você retire isto e todas as propriedades ... ou seja do .pun-crumbs { até o } e cole o que irei te passar agora mesmo no lugar ok? não ficará igual, pois o fundo do seu fórum é transparente ou cinza enfim... e o citado na print é branco... mas é igual se for perceber.

Código:

.pun-crumbs {
    -khtml-border-radius: 3px;
    -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    -moz-border-radius: 3px;
    -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    background-color: #fafbfc;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    color: #666;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin: 0 1px 1em;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
}

Pronto @While retirei os código que pediu

Certo, ficou o resultado esperado amigo? sua duvida foi sanada?

#Edit e possivel remover essas 2 partes então ?

Claro, adicione no topo da sua folha de estilo esse codigo:

Código:

.module.main .main-content {display:none;}
        .pun-crumbs {display:none;}

Ou, se você só quiser tirar o pun-crumbs da pagina inicial, você vai no template chamado index_box e retire esse codigo:

Código:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>

geralmente fica no topo do index_box.

Resolvido muito obrigado.