Need litle Help please. About CSS

[kalle801]

Hi all.

I'm got no experience in CSS so i need some help Please.

How can i make this Possible?

I hope this Screen is Understandable.

Thanks in Advance.

 

[Basti]

Move to design help

 

[Basti]

You have this in your file:

                    <span class="inline_block center">
                        In<br />
                        <span class="green">{$unq_in_0_weekly}</span><br />
                        <a href="{$list_url}/{$url_helper_a}stats{$url_helper_u}{$username}{$url_tail}" class="button3">Read More</a>
                    </span>
                    <span class="inline_block center">
                        Out<br />
                        <span class="green">{$unq_out_0_weekly}</span><br />
                        <a href="{$url}" onclick="out(this,'{$username}');" rel="nofollow" class="button2">Visit Site</a>
                    </span>
                    <span class="inline_block"><br /><br />
                        <a href="{$list_url}/{$url_helper_cat}{$category_url}{$url_tail}" class="button3">{$category}</a>
                    </span>

Step 1: Change that part to this

                    <span class="inline_block center">
                        <a href="{$list_url}/{$url_helper_a}stats{$url_helper_u}{$username}{$url_tail}" class="button3">Read More</a>
                    </span>
                    <span class="inline_block center">
                        <a href="{$url}" onclick="out(this,'{$username}');" rel="nofollow" class="button2">Visit Site</a>
                    </span>
                    <span class="inline_block">
                        <a href="{$list_url}/{$url_helper_cat}{$category_url}{$url_tail}" class="button3">{$category}</a>
                    </span>

Step 2: in the css this attribute

#in_out {

You have there bottom: 0; change that to bottom: 30px;

Step 3: find this

<figure><a href="{$url}" onclick="out(this,'{$username}');" rel="nofollow"><img src="{$banner_url}"><br></a></figure>

right after it paste this

In: <span class="green">{$unq_in_0_weekly}</span><br />
Out: <span class="green">{$unq_out_0_weekly}</span>

That should get you on the right track, now just position them a bit more nicely

 

[kalle801]

Awesome!

This made it, but i made some changes to make it perfect.

<li>
<figure><a href="{$url}" onclick="out(this,'{$username}');" rel="nofollow"><img src="{$banner_url}"><br></a></figure>
<b> In: <span class="green">{$unq_in_0_weekly}</span></b><br />
<b> Out: <span class="green">{$unq_out_0_weekly}</span></b></li><br>
<li>
<div>
<p>{$description, length=255}</p><br /><br /><br />

{$rankings_custom_fields}

<div id="in_out" class="inline_block">
<span class="inline_block center">
<br />
<span class="green"></span><br />
<a href="{$list_url}/{$url_helper_a}stats{$url_helper_u}{$username}{$url_tail}" class="button3">Read More</a>
</span>
<span class="inline_block center">
<br />
<span class="green"></span><br />
<a href="{$url}" onclick="out(this,'{$username}');" rel="nofollow" class="button2">Visit Site</a>
</span>
<span class="inline_block"><br /><br />
<a href="{$list_url}/{$url_helper_cat}{$category_url}{$url_tail}" class="button3">{$category}</a>
</span>

Thank you

 

[Basti]

Your welcome