MyBB Community Forums

Hi guys,

How can i move the ul#list to the left? Does anyone of you knows that?

Thanks in advance...

please show your requirement with an image and give forum url. in general, we use float left style for elements

I guess the op is asking for a way to reduce the list style indent.

For that you can use this css code in global.css:

ul li { margin-left: -20px }

This is what i want to move guys to the left, there where it starts the container.

@effone, it works but it causes the tabs to shrink.

Bind the lists in a class which you want to decrease indent and then apply the css trick. This will then not affect your tabs.

This way:

<div class="noindent">
<ul>
<li>Text 01</li>
<li>Text 02</li>
<li>Text 03</li>
<li>Text 04</li>
<li>Text 05</li>
</ul>
</div>

And in CSS:

.noindent ul li { margin-left: -20px }

Nothing my friend. It makes all of my forums to stretches to the edges of the site but the ul list it remains untouched.

Have you closed the div tag?

<div class=".....">
.
.
</div>

Her's my code:

<div id="container">
		<a name="top" id="top"></a>
		<div id="header">
			<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" width="1150px" height="170px alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
			<div id="nav">
				<ul id="list-nav">
					<li><a href="{$mybb->settings['bburl']}/index.php">Home</a></li>
					<li><a href="{$mybb->settings['bburl']}/portal.php">Front Page</a></li>
                                        <li><a href="https://www.facebook.com/TotalWarGreece?ref=hl">Facebook</a></li>
                                        <li><a href="http://www.totalwarhellas.com/Announcement-TW-HELLAS-FORUM-RULES">Rules & FAQ's</a></li>                                                                   
                                        <li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li></ul>
				</ul>
			</div>
			<hr class="hidden" />
			<div id="panel">
				{$welcomeblock}
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			{$pending_joinrequests}
			<navigation>
			<br />

in global.css remove margin: auto; for #nav

Try

#nav ul li {margin-left: -20px; }

or

#list-nav li {margin-left: -20px; }