statics larger

i have seen people make the statics larger http://prntscr.com/fyzimo they all use forumactif edge here is an example of one i already tried contacting the forum owner but they said they didn't make the forum and someone called vesper did so i couldn't get the help are u able to he,p me make the statics larger here is where i found it http://youngrichnation.forumshome.com/

Hi @mr.blake214,

This can be done by distributing the width between the left and right columns evenly. ( 50% * 2 = 100% ) Add the following CSS rule to your stylesheet. Admin Panel > Display > Colors

Code:

#wio_left, #wio_right {
  width:50%;
}

wio_left contains the who is online and legend whereas wio_right contains the statistics. You can distribute the width individually by splitting them into their own rules as well. Say if you wanted the statistics to be bigger for example. ( 40% + 60% = 100% )

Code:

#wio_left {
  width:40%;
}

#wio_right {
  width:60%;
}

As for the statistics displaying 3 items per row, you'll need to modifiy the templates. Go to Admin Panel > Display > Templates > General > index_body

Find : ( starts at line 93 )

Code:

        <div class="wio_row">
          <div id="wio_newest_user" class="wio_stats">
            <div id="wio_newest_inner">
              <div id="wio_new_avatar"><img src="http://2img.net/i/fa/invision/pp-blank-thumb.png" /></div>
              <div class="wio_value">{NEWEST_USER}</div>
              <div id="wio_new_date"></div>
              <div class="clear"></div>
            </div>
          </div>
          <script type="text/javascript">if (window.wio_getNewAvatar) { wio_getNewAvatar(); }</script>

          <div id="wio_total_posts" class="wio_stats"><span class="wio_value">{TOTAL_POSTS}</span></div>
        </div>

        <div class="wio_row">
          <div id="wio_total_users" class="wio_stats"><span class="wio_value">{TOTAL_USERS}</span></div>
          <div id="wio_total_topics" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
        </div>

        <div class="wio_row">
          <div id="wio_record_users" class="wio_stats"><span class="wio_value">{RECORD_USERS}</span></div>
          <div id="wio_board_age" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
        </div>

and replace with :

Code:

        <div class="wio_row">
          <div id="wio_newest_user" class="wio_stats">
            <div id="wio_newest_inner">
              <div id="wio_new_avatar"><img src="http://2img.net/i/fa/invision/pp-blank-thumb.png" /></div>
              <div class="wio_value">{NEWEST_USER}</div>
              <div id="wio_new_date"></div>
              <div class="clear"></div>
            </div>
          </div>
          <script type="text/javascript">if (window.wio_getNewAvatar) { wio_getNewAvatar(); }</script>

          <div id="wio_total_posts" class="wio_stats"><span class="wio_value">{TOTAL_POSTS}</span></div>

          <div id="wio_total_users" class="wio_stats"><span class="wio_value">{TOTAL_USERS}</span></div>
        </div>

        <div class="wio_row">
          <div id="wio_total_topics" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
          <div id="wio_record_users" class="wio_stats"><span class="wio_value">{RECORD_USERS}</span></div>
          <div id="wio_board_age" class="wio_stats"><span class="wio_value"><strong>N/A</strong></span></div>
        </div>

Save and publish the template when you're finished. Lastly add the following CSS rule to your stylesheet to evenly distribute the width of the statistics 3 ways. ( 33% * 3 = 99% )

Code:

.wio_stats {
  width:33%;
}

thank you

You're welcome