Replace expcolimage [ Expand/Collapse ] with Font Awesome

[Spartak]

Replace expcolimage [ Expand/Collapse ] with Font Awesome

Go to <span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">Theme </span></span>templates <br />
<br />
edit &gt; <span style="font-weight: bold;" class="mycode_b"><span style="color: #b10dc9;" class="mycode_color">forumbit_depth1_cat </span></span> <br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #0074d9;" class="mycode_color">Find</span></span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-php">&lt;div class=&quot;expcolimage&quot;&gt;&lt;img src=&quot;{$theme['imgdir']}/{$expcolimage}&quot; id=&quot;cat_{$forum['fid']}_img&quot; class=&quot;expander&quot; alt=&quot;{$expaltext}&quot; title=&quot;{$expaltext}&quot; /&gt;&lt;/div&gt;</code></pre><br />
<span style="color: #0074d9;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Replace with </span></span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-php">&lt;div class=&quot;expcolimage&quot;&gt;&lt;div src=&quot;{$theme['imgdir']}/&quot; id=&quot;cat_{$forum['fid']}_img&quot; class=&quot;expander&quot; alt=&quot;{$expaltext}&quot; title=&quot;{$expaltext}&quot; /&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br />
and   <span style="font-weight: bold;" class="mycode_b"><span style="color: #b10dc9;" class="mycode_color">index_boardstats</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #0074d9;" class="mycode_color">Find</span></span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-php">&lt;div class=&quot;expcolimage&quot;&gt;&lt;img src=&quot;{$theme['imgdir']}/&quot; id=&quot;boardstats_img&quot; class=&quot;expander&quot; alt=&quot;{$expaltext}&quot; title=&quot;{$expaltext}&quot; /&gt;&lt;/div&gt;</code></pre><br />
<span style="color: #0074d9;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Replace with </span></span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-php">&lt;div class=&quot;expcolimage&quot;&gt;&lt;div src=&quot;{$theme['imgdir']}/&quot; id=&quot;boardstats_img&quot; class=&quot;expander&quot; alt=&quot;{$expaltext}&quot; title=&quot;{$expaltext}&quot; /&gt;&lt;/div&gt;&lt;/div&gt;</code></pre><br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #e82a1f;" class="mycode_color">  </span></span><br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #e82a1f;" class="mycode_color">Save </span></span><br />
  <br />
Go to <span style="font-weight: bold;" class="mycode_b"><span style="color: #0074d9;" class="mycode_color">Global.css</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Add </span><br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-php">.thead.thead_collapsed .expander:before{
transform: rotate(-180deg);
}
.thead .expander:before{
display:inline-block;
font-size:16px;
    font-family: 'Font Awesome 5 Free';
    content: &quot;\f106&quot;;
    font-weight:900;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}</code></pre><br />
<span style="font-weight: bold;" class="mycode_b">Preview : </span><br />
<br />
<img src="

Please, Log in or Register to view URLs content!

" data-original-url="https://i.imgur.com/Bd3uyZO.gif" loading="lazy" alt="[Image: Bd3uyZO.gif]" class="mycode_img" /><br />
<br />
<span style="color: #e82a1f;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Note</span></span>: if you never use fontawesome before then add below mention code to <span style="font-weight: bold;" class="mycode_b">headerinclude </span>template <br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-php">&lt;link rel=&quot;stylesheet&quot; href=&quot;

Please, Log in or Register to view URLs content!

&quot;&gt;</code></pre><br />
<iframe width="560" height="315" src="//www.youtube-nocookie.com/embed/BW4TixfSoMM" frameborder="0" allowfullscreen="true"></iframe>

Please, Log in or Register to view URLs content!