MyBB Community Forums

Full Version: Forum Legend not centered?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi all, thanks in advance for any help you can give! 


My forum legend (the bit that explains which icons are for forums with new posts, no new posts, and locked forums) which is right under the board stats, is showing aligned to the right. 

How do I get this to align to the center? I tried adding 
<div style="text-align: center">

Around 
<dl class="forum_legend smalltext">
	<p><dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" height="48" width="48" /></dt>
	<dd>New Posts</dd></p>

	<p><dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;"height="48" width="48"" /></dt>
	<dd>No New Posts</dd></p>

	<p><dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;"height="48" width="48"" /></dt>
	<dd>Locked</dd></p>
</dl>

Anyone have any suggestions on how to fix this issue? Thanks Smile


Oh, and my forum url is http://easttowestdiversity.com/forum
go to Forum Bit Template > forumbit_depth2_cat
Then look a the template and make sure the classes are aligned center, let me know if you need any more help.
global.css consists of float: left; style property for class .forum_legend dt (line ~ 179)
that needs to be removed to adjust the position of the legends
(2014-10-30, 06:05 PM).m. Wrote: [ -> ]global.css consists of float: left; style property for class .forum_legend dt (line ~ 179)
that needs to be removed to adjust the position of the legends

So brilliant m. I always learn something new from you, I didn't see the link to the site before I posted my response, I would have inspected the site with firebug, you are awesome m, keep up th great work.
Thank you both for the replies! Big Grin

I'll try that now, and post when I figure it out.
Replace this....

<dl class="forum_legend smalltext">


Like this...

<dl class="forum_legend smalltext" style=" margin-left: 25%;">


and in global.css change this...

.forum_legend dd {
margin: 0 auto;
}


as this...

.forum_legend dd {
float: left;
margin-right: 10px;
}



problem solved....