Jump to content

Align latest member stat in a middle ( Mobile phone ) ?

Featured Replies

Posted
comment_147205

Hi Guys can someone help me to align member stats to the middle please on mobile phone devices ? no matter what I try I can't get latest registerd member stat to align in the middle ?

This is about as close as I got ?

https://invisioncommunity.pro/uploads/monthly_2018_05/20180507_111716.thumb.jpg.4a34a3faaee1b93307ef6f80275ae470.jpg

 

 

 

This is the code for that section.

<h3 class='ipsType_reset ipsWidget_title'>{$stats['_title']}</h3>
<div class='ipsWidget_inner'>
	{{if $orientation == 'vertical'}}
		<div class='ipsPad_half'>
			<ul class='ipsDataList'>
				<li class='ipsDataItem'>
					<div class='ipsDataItem_main ipsPos_middle'>
						<strong>{lang="total_topics"}</strong>
					</div>
					<div class='ipsDataItem_stats ipsDataItem_statsLarge'>
						<span class='ipsDataItem_stats_number'>{number="$stats['total_topics']"}</span>
					</div>
				</li>
				<li class='ipsDataItem'>
					<div class='ipsDataItem_main ipsPos_middle'>
						<strong>{lang="total_posts"}</strong>
					</div>
					<div class='ipsDataItem_stats ipsDataItem_statsLarge'>
						<span class='ipsDataItem_stats_number'>{number="$stats['total_posts']"}</span>
					</div>
				</li>
				<li class="ipsDataItem">
					<div class="ipsDataItem_main ipsPos_middle">
						<strong>{lang="stats_total_members"}</strong>
					</div>
					<div class="ipsDataItem_stats ipsDataItem_statsLarge">
						<span class="ipsDataItem_stats_number">{number="$stats['member_count']"}</span>
					</div>
				</li>
				<li class="ipsDataItem">
					<div class="ipsDataItem_main ipsPos_middle">
						<strong>{lang="stats_most_online"}</strong>
					</div>
					<div class="ipsDataItem_stats ipsDataItem_statsLarge">
						<span class="ipsDataItem_stats_number">{number="$stats['most_online']['count']"}</span><br>
						<span class="ipsType_light ipsType_small">{datetime="$stats['most_online']['time']" norelative="true"}</span>
					</div>
				</li>
			</ul>
			<hr class='ipsHr'>
			{{if $stats['last_registered']}}
				<div class='ipsClearfix ipsPad_bottom'>
					<div class='ipsPos_left ipsType_center cNewestMember'>
						{template="userPhoto" app="core" group="global" params="$stats['last_registered'], 'small'"}
					</div>
					<div class='ipsWidget_latestItem'>
						<strong class='ipsType_minorHeading'>{lang="stats_newest_member"}</strong><br>
						<span class='ipsType_normal'>{$stats['last_registered']->link()|raw}</span><br>
						<span class='ipsType_medium ipsType_light'>{lang="members_joined"} {datetime="$stats['last_registered']->joined" norelative="true"}</span>
					</div>
				</div>
			{{endif}}
		</div>
	{{else}}
		<div class='ipsGrid ipsGrid_collapsePhone ipsWidget_stats'>
			<div class='ipsGrid_span2 ipsType_center'>
				<span class='ipsType_large ipsWidget_statsCount'>{number="$stats['total_topics']"}</span><br>
				<span class="fa fa-lg far fa-gamepad" class='ipsType_light ipsType_medium'>{lang="total_topics"}</span>
			</div>
			<div class='ipsGrid_span2 ipsType_center'>
				<span class='ipsType_large ipsWidget_statsCount'>{number="$stats['total_posts']"}</span><br>
				<span class="fa fa-lg far fa-fighter-jet" class='ipsType_light ipsType_medium'>{lang="total_posts"}</span>
			</div>
			<div class='ipsGrid_span2 ipsType_center'>
				<span class='ipsType_large ipsWidget_statsCount'>{number="$stats['member_count']"}</span><br>
				<span class="fa fa-lg fal fa-users" class='ipsType_light ipsType_medium'>{lang="stats_total_members"}</span>
			</div>
			<div class='ipsGrid_span2 ipsType_center'>
				<span class='ipsType_large ipsWidget_statsCount' data-ipsTooltip title='{datetime="$stats['most_online']['time']" norelative="true"}'>{number="$stats['most_online']['count']"}</span><br>
				<span class="fa fa-lg fab fa-reddit-alien" class='ipsType_light ipsType_medium'>{lang="stats_most_online"}</span>
			</div>
			<div class='ipsGrid_span3 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember'>
				{template="userPhoto" app="core" group="global" params="$stats['last_registered'], 'mini'"}
              <div>
					<span class='ipsType_minorHeading'>{lang="stats_newest_member"}</span><br>
					<span class='ipsType_normal'>{$stats['last_registered']->link()|raw}</span><br>
					<span class='ipsType_small ipsType_light'>{lang="members_joined"} {datetime="$stats['last_registered']->joined" norelative="true"}</span>
				</div>
			</div>
		</div>
	{{endif}}
</div>

Thank you for any help you can provide

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.