Space between text

So I have this little thing on my forum skin that I want away. I can't find it in the CSS and I'm really hopeless at the moment lol.
This is the thing I want away:


The little space/enter or how to call it between the text, same with the who is online board. 

This is my CSS:

Code:

a:link{ text-decoration: none !important; -moz-transform: all !important; -o-transform: all !important; -htm-transform: all !important; -webkit-transform: all !important; transition: 1s !important; -moz-transition: 1s !important; -o-transition: 1s !important; -htm-transition: 1s !important; -webkit-transition: 1s !important; -webkit-transition: 180ms linear 0s; -moz-transition: 180ms linear 0s; -o-transition: 180ms linear 0s; transition: 180ms linear 0s; }

 a:link:hover, a:link:focus {text-shadow: -1px 1px 5px #ffffff , 1px -1px 5px #ffffff } a:hover {text-decoration: none !important;}

.bodyline {
padding-left: 0px !important;
padding-right: 0px !important;
box-shadow: 0px 0px 3px #000;
height: 100%;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}



/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
  border-bottom: 0px solid #000000;
font-size: 30px;
color: #ffffff;
text-align : right ;
font-variant: small-caps;
font-weight: bold;
letter-spacing: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-top: 3px;
margin-left:12px;
margin-right:12px;
display: Block;
text-shadow: 0px 0px 0px #000000;
}

a.forumlink:hover {
color: #000000;
letter-spacing: 0px;
text-shadow: 0px 0px 0px #000000;
}

a:hover.{text-transform:uppercase;}
a{text-shadow: #524f4f 1px 1px 2px;}

.forumline {-moz-border-radius:10px;}
.forumline{border: #000000;
-moz-border-radius: 0px 0px 0px 0px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}

a.forumlink:link, a.forumlink:visited {
font-family:  verdana;
text-transform : uppercase;
text-align: right;
font-size: 100%;
border-bottom: 5px solid #978972;
color: #978972;
letter-spacing: 3px;
display: block;
-moz-border-radius:0px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("");
color: #000000;
text-align: right
display: block;
border-bottom: 5px solid #000000;
-moz-border-radius:0px;
}

#i_logo {
    width: 100%;
}
.bodyline {  
  padding: 0;
} 
  
#i_logo {
  margin: 0;
}

Hi

Link to your forum please . And is your forum phpBB2 as stated in your profile?

Regards,
Pizza Boi

Yes it is and here;
http://divergent-rpg.actieforum.com/
Do you also know how I can change the font of the main text?

Hi

Well, it has a line break code ._.... anyway, here's how you do it:

#1 ACP < Display < Templates < General < index_body < Find this portion:

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

Remove ALL <br /> tags for you to remove the line break. (save and publish after)

For the topics, the one who made the skin must've inserted <br /> tag as well so search this one in your index_BOX this time:

Code:

</td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>

And remove the <br /> tags. (Save and publish.)

Regards,
Pizza Boi

The spaces between the text are still there and there was nu <br /> in the Index_box

Hi

I can't reproduce the problem, so I just did what I could. Find this in your index_box:

Code:

</td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

And replace it by:

Code:

</td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall" id="der">{catrow.forumrow.LAST_POST}</span>
      </td>

Now, since I wasn't able to reproduce your problem, it's up to you to style it... mostly. Add this in your ACP < Display < Colors < Stylesheet:

Code:

span#der {
  margin-bottom: #px;
  padding-bottom: #px;
}

Experiment with padding and margin until you get your desired result. I also found another route about it:

Code:

a {
  margin: #px;
  padding: #px;
}

If that doesn't work, then I'm afraid it's the skin that has the problem.

Regards,
Pizza Boi

Thanks! 
Just wondering, is there also a possiblity to fill in the gap between the advertisement and the banner? 

Hi

Please try this:

Code:

span.gen {
display: none !important;
}

Regards,
Pizza Boi

Thanks! Sorry for bothering again, but do you know how to put these back in line?

Hi

Actually, if I modify that part, it will give you back the same problem again ... but try this:

Code:

span.gen {
position: relative;
top: 45px;
z-index: 999;
right: 160px;
}

Regards,
Pizza Boi