MyBB Community Forums

Hi guys,

Few weeks ago I added some space between the Avatar and the stars,
I replaced it with a bar BUT,

Now I notice the space is not added in other places ( private messanges )

Ill show 2 images so u can understand better:

Threads:
[attachment=29414]

Private Messages:
[attachment=29415]

Sooo my question is:

How do I add space there, too ?

ACP -> templates and styles -> templates- > <your theme template set> -> postbit templates ->
postbit_groupimage and replace all content with

<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" class="postbit_groupimage" />

in your global.css (Templates and styles -> themes -> <your current forum theme> -> global.css)

) add

.postbit_groupimage {
  padding:4px 0px;
}

and save ti.

Hey, that didn't work

Forgot to mention that you'll need to add display:inline-block;

.postbit_groupimage {
   padding:4px 0px;
  display:inline-block;
 }

OR just add a <br /> after

<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />

so the output will look like this

<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" /> <br />

Replace

{$post['userstars']}
{$post['groupimage']}

with

<div style="padding-bottom: 5px;">{$post['userstars']}
{$post['groupimage']}</div>

in postbit_classic

Hey,

Still didn't work



To be sure,
This is what I mean:

[attachment=29416]

I need some margin between those images, and like 1 or 2 px above the web developer image, so its not so close to the 'moderator' text.

Thanks

---

(2013-05-26, 04:48 PM)Heartless Wrote: [ -> ]Replace

{$post['userstars']}
{$post['groupimage']}

with

<div style="padding-bottom: 5px;">{$post['userstars']}
{$post['groupimage']}</div>

in postbit_classic

Hi,

Then I get this:

[attachment=29417]

This should work. Make sure you do not have duplicate codes in there. Looks like you have added 2 x {$post['groupimage']}

<div style="padding: 5px 0;">{$post['groupimage']}</div>

Should end up looking something like this:

<span class="smalltext">
	{$post['usertitle']}<br />
	{$post['userstars']}
	<div style="padding: 5px 0;">{$post['groupimage']}</div>
	{$post['useravatar']}<br />
</span>

Hey,

It kinda worked, but it also added another 5px to the threads.
I made it 2px, and 3px padding on top. Now it looks more decent.
Altho just 2px padding in private, but I can live with that.

Thanks!

---

Ill show how it looks now:

Threads:
[attachment=29418]

private messages:
[attachment=29419]

Remove the other padding edits you did and just use the code i made. Then it will set the right amount of padding for everything in the classic postbit rather than you having to edit loads of different places separately; if that makes sense.

I'd love that, but I don't know where..

Right now all I did is use your code and added padding-top.