MyBB Community Forums

Full Version: Change Forum Title's Font Type and Size?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hey, as the title says, how do you change the forum title's font size and it's type?
it depends on the theme. give forum url and elaborate your requirement.
http://www.postspawn.com

I want to change my Forum Title's font style and it's size.
are you referring to navigation bar ?
eg. MyBB Community Forums / MyBB 1.6 Forums / MyBB 1.6 General Support v / [How To?] Change Forum Title's Font Type and Size?

if it is navigation bar then you have to change style properties for .navigation and .navigation .active in global.css
No the forum titles I mean the Forum News & Announcements Introducions, General and so on.
^ oh! modifying style for the forum titles also changes style for content in other columns
template modification is required to change style of forum titles only.

open forumbit_depth2_forum template and find code like below
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>

change it like below
<span class="myforum"><a href="{$forum_url}">{$forum['name']}</a></span>


add required style for .myforum a:link in global.css of the theme. below style is given as an example

.myforum a:link {
      color: red!important; 
      font-family: verdana!important;
      font-size: 18px!important;
    }
Im confused, what will I change and add here?

<tr  style="line-height: 17px">
<td class="{$bgcolor}" align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}"><div style=" margin-top: 6px;">&nbsp;{$forum['name']}</div></a></strong>{$forum_viewers_text}<div class="smalltext">&nbsp;{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap; width: 7%;"><div class="topic_num">{$threads}{$unapproved['unapproved_threads']}</div>
<div class="topic_text">TOPICS</div></td>
<td class="{$bgcolor}" valign="middle" align="center" style="white-space: nowrap; width: 7%;"><div class="topic_num">{$posts}{$unapproved['unapproved_posts']}</div>
<div class="topic_text">REPLIES</div></td>
<td class="{$bgcolor}" valign="middle" align="left" style="white-space: nowrap; width: 13%;">
<div class="lastpost">{$lastpost}</div></td>
</tr>
you have to change below code
<strong><a href="{$forum_url}"><div style=" margin-top: 6px;">&nbsp;{$forum['name']}</div></a></strong>
{I can check it after power resumes}
I tried what you said, but it didnt worked. Sad
you have to remove this div style <div style=" margin-top: 6px;">&nbsp;{$forum['name']}</div> that is,
change to {$forum['name']} then apply my suggested changes, use css style as required.