Botão do Painel de Controle flutuante

Detalhes da questão

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

Descrição

Gostaria de colocar um rodapé parecido com esse que eu fiz no photoshop, e gostaria de ter o botão do painel de controle flutuante, eu tinha até conseguido, mas ficava um espaço desnecessário e quando ia para o perfil de alguém ficava um | no lugar

Spoiler:

Desde já agradeço pela ajuda

Olá @Nikkon,

Adicione na sua folha de estilo o seguinte código:

Código:

.footerbar-system { padding-bottom: 1.75rem !important; }
.copyright > .wrap > .copyright-body {
  border-top-width: 0 !important;
  display: none;
}
 
.copyright > .wrap > .copyright-body:not(:empty) {
  position: fixed;
  bottom: 25px;
  right: 25px;
  font-size: 0;
  z-index: 999;
  display: inline-flex;
}
 
.copyright > .wrap > .copyright-body a[href^="/admin/"] {
  background-color: #4299E1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 5px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: .75rem;
}

Atenciosamente,
pedxz.

Gostei de como ficou, mas não é possivel fazer o rodapé ficar do tamanho da pagina?

Spoiler:

Olá!

Adicione esse código no início da folha de estilo CSS:

Código:

#page-footer {
    width: 92.1%!important;
    margin-left: 4%;
}

Atenciosamente,
Chagas

Modifiquei seu código e ficou certinho, obrigada chagas e pedxz

Código:

        #page-footer {
            width: 73.45%!important;
            margin-left: 13.3%;
        }


Tópico resolvido Movido para "Questões resolvidas".