Adicionar código CSS em um widget

Detalhes da questão

Endereço do fórum: https://policialphs.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Eu não consigo que no meu fórum um design que fiz, quero ajuda pra colocar no meu fórum.

Código:

.header-box .box-title {
   display: block;
   font-size: 15px;
   background: ;
   padding: 10px;
   border-bottom: 1px solid #dcdcdc91;
}
 
.header-box .box-content a {
   display: block;
   padding: 10px;
   background: #2c353b;
   font-family: Calibri;
   color: white;
   margin: 2px;
   border-radius: 5px;
}
 
.header-box {
   text-align: center;
}
 
.header-box a[href="/login?logout"] {
   display: block;
   padding: 10px;
   background: #862f2f;
   font-family: Calibri;
   color: white;
   margin: 2px;
   border-radius: 5px;
}
 
.header-box input {
   background: transparent;
   font-family: Calibri;
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 1px;
   color: white;
}
 
.header-box .box-avatar {
   margin: 20px;
}
 
.header-box .box-avatar img {
   margin-bottom: 10px;
}

é pra ser um Widget


meu fórum é: https://policialphs.forumeiros.com/

Olá @@thyago.rico,

Altere o seu código para:

Código:

<style>
.header-box .box-title {
          display: block;
          font-size: 15px;
          background: ;
          padding: 10px;
          border-bottom: 1px solid #dcdcdc91;
        }
       
        .header-box .box-content a {
          display: block;
          padding: 10px;
          background: #2c353b;
          font-family: Calibri;
          color: white;
          margin: 2px;
          border-radius: 5px;
        }
       
        .header-box {
          text-align: center;
        }
       
        .header-box a[href="/login?logout"] {
          display: block;
          padding: 10px;
          background: #862f2f;
          font-family: Calibri;
          color: white;
          margin: 2px;
          border-radius: 5px;
        }
       
        .header-box input {
          background: transparent;
          font-family: Calibri;
          text-transform: uppercase;
          font-size: 10px;
          letter-spacing: 1px;
          color: white;
        }
       
        .header-box .box-avatar {
          margin: 20px;
        }
       
        .header-box .box-avatar img {
          margin-bottom: 10px;
        }</style>

Atenciosamente,
pedxz.

Olá @@thyago.rico

Uma pequena observação, que você pode usar no futuro caso esse seja o sentido da sua dúvida: se você quiser que os códigos CSS se apliquem somente aos widgets que estão à esquerda do fórum, adicione um #left antes de cada código. Caso os widgets-alvo estejam na direita, adicione um #right ao invés de #left.

Por exemplo:

Código:

#left .header-box .box-title {
display: block;
font-size: 15px;
background: ;
padding: 10px;
border-bottom: 1px solid #dcdcdc91;
}

Atenciosamente,
Lobs