Detalhes da questão

Endereço do fórum: http://testadordetemas.forumeiro.com/
Versão do fórum: PunBB

Descrição

Quero a barra da minha categoria assim: https://imgur.com/a/OVUMi

Essa parte que marquei em preto, somente ela..

Up

Olá, como exatamente você quer a barra? mudar a cor, a letra...

Especifique melhor a questão.

Até mais

Eu gostaria da mesma barra da categoria da print, pode deixar a mesma fonte, mude so a cor para vermelho

UP

UP

UP

UP

Olá, poderia indicar o fórum em que viu essa barra por favor?

Obrigado.

Adicione ao seu CSS:

Código:

.main .main-head {
    background-color: #1a1a1a;
    background-image: none;
    color: #ccc;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0 !important;
    position: relative;
}

.main-head h2,
.main-head h3 {
    font-weight: normal;
}

.pocoyo {
    margin-bottom: 10px;
}

.main-head .collapse {
    display: block;
    visibility: visible !important;
    top: 0;
    margin-top: 0 !important
}

.main-head .collapse::before {
    font-family: FontAwesome;
    content: "\f078";
    color: #ccc;
    font-size: 16px;
}

.main-head .collapse img {
  display: none;
}

Só uma coisinha, tem como deixa com as pontas quadradas ou um pouquinho arredondada? tipo o da fórumeiros?

No CSS, é só mudar essa parte:

Código:

border-radius: 10px 10px 0 0;

Mudando o 10px para o desejado. Eu chuto que 3px seja o suficiente.

Obrigado por me responder, resolvido, muito obrigado mesmo.

@EDIT

só uma pequena dúvida, tem como aumentar a largura da barra?

E qual código?

A largura é relativo a largura do fórum, então depende do tamanho da tela do usuário. Agora se se refere a diferença que fica na ponta da categoria:

Código:

.main .main-content {
    width: 100% !important;
    box-sizing: border-box;
}

Obrigado amigo, resolvido.

o/

---