Detalhes da questão

Endereço do fórum: http://gsf-nwd.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Olá,

Usando esse tutorial  ( https://ajuda.forumeiros.com/t104090-mudar-o-rodape-do-forum ) eu fiz esse rodapé, porém os grupos bugaram e eu gostaria de deixa assim: ( https://imgur.com/a/tHeHr ) atual: ( https://imgur.com/a/Mkypg )

Adicione ao final de sua CSS:

Código:

#wrap > div.widgetsbottom > div.qeel_section > em {
  display: block;
  width: 70%;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 0px;
  background-color: transparent;
  border: solid 1px #ddd;
  border-radius: 4px;
  text-align: center;
}

#wrap > div.widgetsbottom > div.qeel_section > em b {
  font-size: 13px;
  padding: 10px 12px;
  display: inline-block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

#wrap > div.widgetsbottom > div.qeel_section > em b:after {
  transition: all linear 600ms;
  content: '';
  width: 1px;
  height: 1px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#wrap > div.widgetsbottom > div.qeel_section > em b:hover:after {
  transform: translate(-50%, -50%) scale(200);
  background-color: #ddd;
}

Caso não resulte como o senhor queira, precisarei da URL do fórum em que viu tal questão.

o/

Resultado:





Fórum eu que vi: http://lsr-nwdgames.forumeiros.com/forum

Você não adicionou o código todo:

Código:

#wrap > div.widgetsbottom > div.qeel_section > em {
  display: block;
  width: 70%;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 0px;
  background-color: transparent;
  border: solid 1px #ddd;
  border-radius: 4px;
  text-align: center;
}
 
#wrap > div.widgetsbottom > div.qeel_section > em b {
  font-size: 13px!important;
  padding: 10px 12px;
  display: inline-block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
 
#wrap > div.widgetsbottom > div.qeel_section > em b:after {
  transition: all linear 600ms;
  content: '';
  width: 1px;
  height: 1px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
 
#wrap > div.widgetsbottom > div.qeel_section > em b:hover:after {
  transform: translate(-50%, -50%) scale(200);
  background-color: #ddd;
}

(Clique no botão no canto superior direito do código para copiar).

o/

Obrigado.