Adicionar crumbs

Detalhes da questão

Endereço do fórum: http://www.bpfsamp.com
Versão do fórum: PunBB

Descrição

Olá gostaria de adicionar esse crumbs no meu fórum https://i.imgur.com/a1rCDdj.png

Fórum onde eu vi: http://splash.forum-pro.net/t278-o-misterio

Agradeço a atenção desde já

Adicione ao seu CSS:

Código:

.pun-crumbs {
    display: flex;
    background-image: linear-gradient(0deg, #f6f6f6 0%, #fff 100%);
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
    padding: 0;
    font-size: 0;
    align-items: center;
    margin-bottom: 20px;   
    overflow: hidden;
}

.pun-crumbs > p {
    display: flex;
}

.pun-crumbs strong {
    font-weight: normal;
}

.pun-crumbs a {
    display: block;
    font-size: 12px;
    padding: 0 10px 0 40px;
    line-height: 40px;
    position: relative;
    transition: 250ms color;
}

.pun-crumbs a:hover,
.pun-crumbs a:focus,
.pun-crumbs a:active {
    color: #2ea3f2;
}

.pun-crumbs .crumbs a:last-child {
    display: none;
}

.pun-crumbs a::before {
    content: ' ';
    position: absolute;
    height: 40px;
    width: 40px;
    top: 0;
    right: -14px;
    border-top: 1px #ddd solid;
    border-right: 1px #ddd solid;
    transform: rotate(45deg);
}


Não houve resultado

Peço que adicione o código no fim do seu CSS. Pelo fato de adicionar ele no meio do CSS, uma regra abaixo dele ocultou as alterações.

ótimo resultou perfeitamente pode fechar muito obrigado