Jump to content

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

Featured Replies

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

Link to comment
https://ipbmafia.ru/topic/19793-align-latest-member-stat-in-a-middle-mobile-phone/
Share on other sites

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.