MyBB Community Forums

Hi, I want to remove the padding between buttons so I can turn it from something like this:

[attachment=13022]

Into something like this:



Any tips? I can't find it in the templates or CSS anywhere.

It isn't padding, it's just a space automatically inserted due to the seperate buttons being each on individual lines. As to removing it, I don't know.

Oof, I was worried about that ... anyone have any tips on removing it, then?

In the header template find:

			<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>					<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>					<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
				</ul>
			</div>

Replace with:

			<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
				</ul>
			</div>

Sorry for the formatting, pretty much you're removing the additional <li> and </li> tags and leaving only the first and last of each which removes the seperating space. (Demo)

You can use padding on each button..

Thanks, but I solved this simply by adding a -6 margin to them thanks to Labrocca.

Also, just curious, will the entire background graphic show even if a user decides they don't want to put an email address, web address, and enable pming?

I like the idea.. just curious as to what your solution is to that problem. Look kinda weird if the bar had a bunch of empty space on it.

---

Ya.. margin/padding.. same thing basically.

It will just show the one if it's not set, it's that simple.

I understand that... but it'd look funky.. like ...
[attachment=13027]

I dunno

I believe that the orange dot is it's own image, and the curved side on the right is it's own as well. The center ones would then expand/shrink it.