Ícone Font Awesome nos Fóruns

Detalhes da questão

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

Descrição

Boa noite gente

eu gostaria de saber se é possivel colocar o icone do lado, ele está embaixo do SUPORTE HABBLING e eu queria deixar ele do lado do Habbling.



aonde eu queria que esse icone ficasse



eu queria deixar o icone em um tamanho normal para cobrir o espaço que tem ali aonde eu quero colocar.

Saudações,

Quando entro no seu fórum, aparentemente encontro dois ícons de acordo com o print abaixo:

https://prnt.sc/syjntt

Você resolveu sua questão?

Atenciosamente,
Chagas

Olá @weverson lopes,

Leia o seguinte tópico: Questão resolvidas, qualquer dúvida diga!


Atenciosamente,
pedxz.

Olá pedx, sem resultados, da uma olhada lá.

ele continua a mesma coisa, eu gostaria que ficasse do lado, não do jeito que estava antes, mas que ficasse centraizado como este

Mas o senhor fez as etapas no tópico em cima? O código é funcional em qualquer que seja a versão

sim, acredio eu que algum codigo está corrompendo, ele nao fica centralizado do lado do nome do sub fóruns, ele fica embaixo e pequeno

O senhor adicionou os estilos na sua folha de estilo (CSS)?

sim, adicionei certinho, vou lhe mandar o CSS meu

Código:

.adm {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF0000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.member {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #696969;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.suporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #A504DB;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.Expert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0015FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.parca {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #008B8B;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
dd.postprofile-contact {
  display: none !important;
}
.post .post-head .topic-title {
    font-size: 14px !important;
}
.post-head .topic-date {
    font-size: 11px !important;
}

.recentTopics div.h3 {
    background-color: #262323;
    border-bottom: solid 1px #2a2e32 !important;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0;
    padding: 12px 18px;
    text-transform: none;
}
.recentTopics {
    margin: 15px 0;
}
.mod-recent-row {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    height: 280px;
    min-height: 290px;
    overflow: scroll;
    overflow-x: hidden;
}
.recentTopics ul {
    padding-left: 0 !important;
}
li.recentPost {
    min-height: 50px;
    padding: 1em 1em 0.5em 1em;
    list-style-type: none;
    border-bottom: 1px solid #f3f3f3;
}
.recentPost a[href^="/t"] {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
.mod-recent-info {
    display: flex !important;
    line-height: 20px;
    float: right;
    width: 30%;
    flex-direction: column-reverse;
    padding-left: 50px;
    position: relative;
}
.mod-recent-author {
    margin-left: 0 !important;
}
#right {
    display: none !important;
}
#content-container #container {
    margin-left: 0;
    margin-right: 0;
}
 
#content-container #left {
    display: none;
}
div#dropdown-info {
    background: #808689;
    padding: 8px;
    width: 15%;
    color: white;
    display: block;
    margin: auto;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}
div#dropdown-info:hover {
    background: #1E88E5;
}
#avat_toolbar {height: 30px;width: 30px;}
    #follow_fdf {
    float: right;
    }
    .panel div.mes-txt, .panel p {
    font-size: 1.2em;
    }
 
    #indexmenu {
    text-align: justify;
    }
 
    #acc-mons {
    background-color: #E5F1F9;
    float: right;
    margin-left: 5px;
    margin-top: 40px;
    }
 
    #acc-welc {
    background: url(https://2img.net/i/fa/optimisation_fdf/fr/puce10.png) no-repeat scroll left top transparent;
    color: #00A5CD;
    display: block;
    font-family: arial;
    font-size: 1.7em;
    font-style: italic;
    min-height: 40px;
    padding: 5px 0 0 25px;
    }
 
    div#acc-news {
    float: right;
    margin-left: 10px;
    }
 
    div#acc-news #acc-contnews {
    display: block;
    }
 
    #acc-neweff div{
    background:url(https://2img.net/i/fa/optimisation_fdf/fr/bulle_annonce.png) repeat scroll 0 0 transparent;
    color:#d2691e;
    font-size:17px;
    font-weight:700;
    height:35px;
    padding:9px 11px 10px 3px;
    text-align:center;
    text-shadow:1px 1px 3px #FFF;
    width:325px;
    }
    #acc-neweff h4{
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#DB7D21',Direction=135,Strength=3);
    zoom:1;
    }
/**
* WhiteShadow Theme by pedxz to ModernBB
*/
.logocent img {
    text-align: center;
    max-height: 250px;
}
 
.headerbar {
    height: 350px!important;
}
 
.desc-ips a {
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 16px;
    font-weight: bold;
    top: 12px;
    z-index: 2;
}
.copyip {
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: bold;
}
dd.postprofile-info {
  text-align: right;
}
dd.postprofile-info > .label {
    float: left;
}
/*--- FÓRUNS E SUB-FÓRUNS ---*/
.forabg, .forumbg {
    background-color: transparent;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-bottom: 24px;
}
 
.forabg .header, .forumbg .header {
    background-color: #577f37;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
    color: #FFF;
    display: block;
    font-weight: 400;
    position: relative;
}
.btn-collapse i { font-size: 2.7rem!important; }
 
.forabg.hidden, .forumbg.hidden { background-color: transparent; }
 
.forabg.hidden .forums, .forumbg.hidden .forums { margin-top: 0; }
 
ul.forums, ul.topics {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
    display: block;
    line-height: 22px;
    margin-top: 6px;
}
 
.topiclist .row {
    border-color: #f0f0f0;
    border-style: solid;
    border-width: 1px 0 0;
}
 
ul.topiclist.topics dd { padding: 8px 0; }
 
ul.topics .row dd.dterm, ul.topics .row dt { padding: 9px 18px 9px 30px; }
 
ul.forums dl.icon dd.dterm > div {
    margin-left: 30px!important;
    color: #777;
}
 
dd.dterm > div br { display: none; }
 
a.forumtitle:link,
a.forumtitle:visited,
a.topictitle:link,
a.topictitle:visited {
    color: #263238;
    margin-bottom: 1%;
}
 
dd.posts, dd.topics, dd.views { font-size: 16px; }
 
dd.posts span, dd.topics span, dd.views span {
    clear: both;
    color: #797979;
    display: block;
    font-size: 13px;
}
 
dd.lastpost span br:nth-child(3) { display: none!important; }
 
dd.lastpost span.color-groups { float: none!important; }
 
.lastpost-avatar { padding: 0 18px 0 0; }
 
.lastpost-avatar:after { top: 0; }
 
dd.lastpost > span > strong:before {
    content: "por";
    font-weight: 300;
    margin: 0 5px;
}
 
/*-- Forum Header --*/
.sub-header-info { width: 100%; }
 
h1.page-title {
    display: block;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 16px;
}
 
.sub-header-path {
    background-color: #263238;
    border-radius: 3px;
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 0;
    margin-bottom: 22px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
 
.sub-header-path a {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 9px 16px;
    position: relative;
}
 
.sub-header-path a:first-child { padding: 9px 16px!important; }
 
.sub-header-path a + a { margin-left: 0; }
 
.sub-header-path a + a:before {
    font-size: 16px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
}
 
.sub-header-path a:hover { background-color: rgba(0,0,0,0.44); }
 
.sub-header-path a:last-child:after {
    bottom: 0;
    box-shadow: 0 0 11px 16px #263238;
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 0;
    transition: all .16s ease;
    width: 5px;
}
 
.sub-header-path a:hover:after {
    -ms-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}
 
.topic-actions-buttons > a, .topic-actions-buttons > span { margin: 0 0 0 18px; }
 
.plus-menu-wrap { float: left; }
 
.topic-actions-buttons #plus_menu {
    left: auto!important;
    right: auto!important;
}
.sceditor-button-staff {
    position: relative;
}
 
.sceditor-button-staff * {
    text-indent: initial!important;
    color: darkred!important;
    line-height: 15px!important;
}
 .sceditor-button-staff div {
    font-size: 0px!important;
    background-image: none!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 .sceditor-button-staff div:before {
    font-size: 15px!important;
    font-family: FontAwesome;
    text-indent: initial!important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500!important;
}
 
.mod_groups {
            line-height: 1.5;
            font-size: 11px;
            font-weight: 400;
        }
   
        .mod_box {
            -moz-background-clip: padding;
            -moz-border-radius: 2px;
            -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
            -webkit-background-clip: padding-box;
            -webkit-border-radius: 2px;
            -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
            background: #fff;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border-radius: 2px;
            box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
            color: #333;
            width: 200px;
            line-height: 1;
            padding: 10px;
            position: absolute;
            z-index: 999;
        }
   
        .mod_editor_section {
            background: #f1f1f1;
            padding: 5px;
            font-weight: bold;
            border-bottom: 1px solid #d7d7d7;
            text-align: left;
            text-transform: uppercase;
        }
   
        .copyright_e {
            margin-top: 5px;
            background: #f8f8f8;
            border-top: 1px solid #d7d7d7;
            text-align: left;
            padding: 2px 5px;
            font-size: 9px;
            color: #777;
            text-shadow: 1px 1px 0px white;
        }
   
        .mod_editor_message {
            padding: 2px 5px;
            text-align: left;
        }
   
        .mod_groups {
            height: 150px;
            overflow-y: scroll;
        }
   
        .mod_groups li {
            list-style-type: none;
            margin-left: -40px;
        }
   
        .sceditor-button-staff {
            position: relative;
        }
   
        .mod_box {
            top: 73px;
        }
   
        #quick_reply .mod_groups li {
            margin-left: 0px;
        }
   
        #quick_reply .mod_box {
            top: 35px;
        }
   
        .sceditor-button-staff.disabled div {
            opacity: 1.0 !important;
            filter: alpha(opacity=100) !important;
        }
 
#preview .postbody table, #preview .postbody td, div[class*="post--"] .postbody table, div[class*="post--"] .postbody td {    border: none!important; }
 
div#dropdown-info {
    text-align: center;
}
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
 body {
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    font-style: normal;
}
 a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
 a, .post-content {
    text-shadow: none;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}
 .h3, h3 {
    border-color: transparent;
}
 .headerbar {
    height: 250px;
}
 a#logo {
    display: none;
}
 div#site-desc {
    top: 20%;
}
 .is-sticky {
    position: relative!important;
    background-color: #2c353b!important;
    margin-top: 170px;
    box-shadow: none!important;
    height: 81px!important;
    padding: 0!important;
}
 .is-sticky .navbar {
    text-align: left;
}
 .is-sticky .navbar li {
    margin: 25px 0 0;
}
 .forabg.hidden {
    background-color: rgb(245, 245, 245);
}
 .post-head {
    background-color: white;
    border-color: white;
}
 .postprofile-avatar img {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
 #preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
    border: 0!important;
}
 .copyright .wrap:after {
    content: 'WhiteShadow Theme by pedxz to ModernBB Host by HitSkin.';
    display: block;
    padding-bottom: 20px;
}
/*Perfil Bestskins*/
.online:before {
  content: none;
}
.postprofile-name:before {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: absolute;
  background-color: red;
}
 .online .postprofile-name:before {
  background-color: green;
}
.post[id^="p"] {
  background-color: transparent!important;
  border-width: 0px!important;
  box-shadow: none!important;
  width: 100%;
}
.post[id^="p"] .post-head {
  width: auto !important;
  background: #F5F5F5 none repeat scroll 0 0!important;
  border-bottom: 1px solid rgba(0,0,0,0.15)!important;
  color: #666!important;
  border-radius: .2rem;
}
.post[id^="p"] .postbody,
.post[id^="p"] .post-head {
  width: auto !important;
  border-radius: .2rem;
  box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
  box-sizing: border-box;
  margin-left: 16%;
}
.post[id^="p"] .postbody {
  background-color: white;
  min-height: 250px!important;
  max-width: 100%!important;
  word-break: break-all;
}
.postprofile {
  width: 14% !important;
  padding-bottom: 60px !important;
}
/* POST PROFILE EDITION */
.postprofile #dropdis {
  display: none;
}
.postprofile #dropdis:checked + dd {
    min-height: 150px!important;
    margin-top: 20px;
    transition: all 0.2s ease-out;
}
.postprofile-name {
    background: #F5F5F5 none repeat scroll 0 0!important;
    border-bottom: 1px solid rgba(0,0,0,0.15)!important;
    color: #666!important;
    margin-bottom: 10px!important;/*
    margin-left: -18px!important;*/
    padding: 10px!important;
    font-size: 14px!important;
    width: -webkit-fill-available!important;
}
.postprofile {
    margin-right: 30px;
    margin-top: 0px;
    text-align: center;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
    position: relative;
    background-color: #FFFFFF!important;
    padding: 0px!important;
    max-width: 100%!important;
}
.postprofile *:not(:first-child) {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.postprofile-info {
  margin-bottom: 2em;
 }
.postprofile-rank {
    margin: 9px auto;
    width: auto;
    border: none;
}
.postprofile-avatar img {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    height: auto;
    max-width: 160px;
}
.postprofile label {
    background: #808689;
    padding: 8px;
    width: 30%;
    color: white;
    display: block;
    margin: auto;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.postprofile label:hover {
    background: #1E88E5;
}
.arrow-u {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: inherit;
    -moz-border-right-colors: #DDD;
    -moz-border-top-colors: none;
    border: 10px solid transparent;
    border-right-color: #ddd;
    display: block;
    float: right;
    height: 0;
    margin-right: -28px;
    margin-top: 8px;
    width: 0;
    z-index: -999;
}
.arrow-u2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: #F7F7F7;
    -moz-border-top-colors: none;
    border: 10px solid transparent;
    border-right-color: #F7F7F7;
    display: block;
    float: right;
    height: 0;
    margin-left: 15em;
    margin-top: 8px;
    position: absolute;
    width: 0;
    z-index: 100;
}
 
span.label:before { font-family: "Fontawesome"; margin-right: 3px; }
span.label.tit:before { content: "\f0fe";}
span.label.reg:before { content: "\f133";}
span.label.msgs:before { content: '\f003';}
span.label.rep:before {content:'\f164';}
span.label.infr:before {content:'\f05e';}
span.label.pais:before {content:'\f0ac';}
span.label.system:before {content:'\f0a0';}
span.label.win:before {content:'\f17a';}
/*************** EE CONTA ************************/
.topBar {
    background: #FFFAFA!important; /** cor do fundo da barra **/
    float: right;
    height: 50px;
    margin-right: 40px;
    max-width: 1400px;
    width: 25%;
}
.register {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
}
.topBar li {
    margin: 0!important;
}
.topBar a {
    color: #000000!important; /** cor do texto **/
    display: inline-block!important;
    font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
    font-size: 13px!important;
    font-weight: 700!important;
    height: 50px!important;
    line-height: 50px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
    content: "\f0fe";
}
.login {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
    margin-right: 5px;
}
.fa-user-circle:before {
    content: "\f2bd";
}
.topBar a:hover {
    background-color: #6C7B8B!important; /** cor do mouse **/
    border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
    display: inline-block;
    position: relative;
}
.navbar a {
    color: #000000!important; /** cor do link **/
    display: inline-block!important;
    height: 50px!important;
    line-height: 53px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.navbar a {
    border-radius: 3px;
    font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.navbar li {
    margin: 0!important;
}
.navbar li {
    display: inline-block;
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.navbar a:hover {
    background-color: #6C7B8B!important; /** cor do link quando passa o mouse **/
    border-radius: 0;
}
.navbar a:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
    background-color: #FFFAFA; /** cor dos submenus **/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    min-width: 160px;
    position: absolute;
    z-index: 10;
      display: none;
}
.fa-list:before {
    content: "\f03a";
}
.fa-book:before {
    content: "\f02d";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a:hover {
    background-color: #000;
}
.navbar {
    background: #FFFAFA!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    margin: 0 auto;
    width: 95%;
    z-index: 999;
}
.fa-user:before {
    content: "\f007";
}
.fa-envelope-o:before {
    content: "\f0e0";
}
.mensp {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.sair {
    background: rgba(0,0,0,0.2);
    color: #ffffff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.fa-sign-out:before {
    content: "\f2f5";
}
.perfil {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.dropdown {
    float: left!important;
}
.navbar {
    border-radius: 5px 5px 5px 5px!important;
}
 
li.header dl.icon {
    background-color: #FFFAFA;
    border-bottom: 3px solid #000000;
}
 

span[style$="#0BD9CF"] strong:before {
  font-family: "Font Awesome 5 Free";
  content: '\f21b';
}
 span[style$="#A504DB"] strong:before {
  font-family: "Font Awesome 5 Free";
  content: '\f505';
}
 
span[style$="#FF0000"] strong:before {
  font-family: "Font Awesome 5 Free";
  content: '\f3ed';
}
 
span[style$="#2B2B2B"] strong:before {
  font-family: "Font Awesome 5 Free";
  content: '\f007';
}
 span[style$="#0015FF"] strong:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0ac';
}

span[style$="#008B8B"] strong:before {
  font-family: "Font Awesome 5 Free";
  content: '\f666';
}

/* center profile fields */
.profile-field {
  font-size:0;
  display:block;
}
.profile-field .label, .profile-field .value {
  font-size:12px;
  vertical-align:top;
  display:inline-block;
  width:50%;
  overflow:hidden;
  word-break:break-word;
}
.profile-field .label {text-align: left;}
.profile-field .value {text-align: right;}
.profile-field .value:before {
  content:" ";
  margin-left:3px;
}

span.label {
    font-size: 0px !important;
}
 
span.label span {
    font-size: 12px;
}
 
span.label span:after {content: ':';}
span.label:before {
    font-size: 12px;
}

a[href^="/u"] span[style$="#FF0000"] {
    text-shadow: 2px 0px 11px #EE4540;
    background: url("https://i.imgur.com/els5Irg.gif");
}

a[href^="/g1-"] {
  background: url("https://i.imgur.com/FgKNYTV.gif");
  text-shadow: 2px 0px 11px #FF0000;
}
.ucp-main #ucp[action=""] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
 
.ucp-main #ucp[action=""] h1 {
  display: none;
}
 
.ucp-main #ucp[action=""] h1 + .panel:not(:last-of-type):before {
  content: "Criar conta gratuitamente!";
  display: block!important;
  width: 100%!important;
  font-size: 16px;
  font-weight: bold;
}
 
.ucp-main #ucp[action=""] h1 + .panel {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  flex: 1;
  margin-top: -10px;
}
 
.ucp-main #ucp[action=""] .submit-buttons {
  margin-left: 76%;
}
.ucp-main #ucp[action=""] .submit-buttons {
    margin-left: auto!important;
    width: 100%!important;
}

.desccat {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    box-shadow: 4px 2px 3px rgba(0,0,0,0.1) inset;
    color: #555;
    font-size: 22px;
    height: 40px;
    text-align: center;
    transition: all .7s ease-in-out;
    width: 40px;
    line-height: 40px!important;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    top: 30px;
}
.desccat:hover {
  color: #fff;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: 0px -40px 0px #1a92e4 inset;
}

Agora localize na descrição no seu subfórum:

Código:

<em class="fas fa-crosshairs"></em>

e altere para

Código:

<em class="fas fa-crosshairs desccat"></em>

funcionou, mas olha como está, ele não está em cima, ele está embaixo

Adicione na sua folha de estilo:

Código:

.topiclist .dterm {
  padding-left: 5em!important;
}

funcionou pedx, mas ainda não está do lado do sub fórum, ele fica embaixo

Localize no seu CSS .desccat e no top: diminua o valor até ficar ao seu gosto!

Obrigado pedx, mais uma vez me ajudando, haha vlw mesmo