Slight styling issue?

03-03-2016, 12:41 AM

I've implemented Awards to my development forum and I can't seem to style the postbit as I would like...

I got it looking how I want it to with 1 award;

[Image: 91f563b560.png]

Although, when the user has multiple awards, it doesn't put it within the same element.. It's racking my brain lol. Here's an example;

[Image: ba2341d09b.png]

How do I make it so that they are all in one line?

Here's my coding from "ougcawards_postbit"

PHP Code:
{$br}<center class="awardsBG"><span style="white-space:normal; width: 100%;"><a href="{$mybb->settings['bburl']}/awards.php?view={$award['aid']}" title="{$award['name']}"><img src="{$award['image']}" alt="{$award['name']}" /></a></span></center> 

Here's the coding from 'Postbit'

PHP Code:
<div class="author_statistics">
{$post['user_details']}{$post['newpoints_postbit']}
<br />
{$post['ougc_awards']}
</div> 

Thanks all Smile

I want it like this;

[Image: b2ef060fde.png]

kara · 03-03-2016, 01:25 AM

Well I imagine .awardsBG has display: block, and the span has a width of 100%, which makes an award take up the whole line. Try changing .awardsBG to display: inline-block and/or removing the width: 100% from the span style.

03-03-2016, 01:26 AM

03-03-2016, 01:25 AM
rin Wrote: Well I imagine .awardsBG has display: block, and the span has a width of 100%, which makes an award take up the whole line. Try changing .awardsBG to display: inline-block and/or removing the width: 100% from the span style.

OKay I'll try it

Slight styling issue?

Submitted by H, 03-03-2016, 12:41 AM, Thread ID: 19001

RE: Slight styling issue?

RE: Slight styling issue?