Wygląd listy subfor na stronie głównej.

Na stronie głównej na liście subfor chciałbym (screen nr 1):

1. usunąć znaczek z lewej strony
2. wyrównać by pod kropką nie było napisu tylko lekko z prawej czyli coś na zasadzie akapitu

Gdy w szablonie forumbit_subforums usunę linię:

<li><i class="fa fa-level-up fa-rotate-90"></i></li>

to wygląda tak jak na screenie drugim, czyli subfora nie są jedno pod drugim tylko dwa pierwsze obok siebie.

link do forum: www.akwarystyka-miedziowa.pl

       

W arkuszu fazm.css wyszukaj:

ul.subforums li {
    display:inline-block;
    margin:0 10px 0 0;
}

Zamień na:

ul.subforums li {
    display: block;
    margin: 0 10px 0 0;
}

Dodatkowo chciałbym:


1. Przesunąć to lekko w lewo wtedy nazwa subforum się fajnie zmieści.
2. Moderatorów przenieść pod subfora.

   

To będzie już wątek chyba wyczerpany.

Moderatorzy to kwestia pozycji zmiennej, a przesunięcie w lewo to dla ul.subforums nadanie padding: 0;. Chodzi o to, aby usunać domyślny padding.

Zauważyłem jeszcze jedną rzecz.
Gdy są dodane subfora to pod moderatorami pojawia mi się coś o znacznikach <p></p> przez co jest dodatkowa przerwa pod nimi.
Bez subfor wyświetla się prawidłowo. Obrazuje to screen.
Nigdzie nie mogę tego znaleźć by to usunąć.

   

Szablon forumbit_depth2_forum

W tym szablonie mam coś takiego:

<tr class="forum forum-{$forum['fid']}">
<td class="forum-statusicon"><i class="fa forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></i></td>
<td class="forum-details">
<h3 class="forum-title"><a href="{$forum_url}">{$forum['name']}</a></h3>
<p class="light">{$forum['description']}{$subforums}{$modlist}</p>
</td>
<td class="forum-stats rwd-hide" style="white-space: nowrap">
<span class="dark">{$posts}{$unapproved['unapproved_posts']}</span>
<p class="small light">{$lang->forumbit_posts}</p>
</td>
<td class="forum-lastpost rwd-hide" style="white-space: nowrap">{$lastpost}</td>
</tr>

<p class="light">{$forum['description']}{$subforums}{$modlist}</p>

zamień na:

<div class="light">{$forum['description']}{$subforums}{$modlist}</div>

Przegądarka renderuje to inaczej bo zmienne zwracają niedozwolone elementy dla tagu p.