Hi,

I'm using 7dana clean with the news module as my home page.

I'd like to increase the spacing between the articles to provide a little more white space.

I think this would apply to about any theme that displays news as a repeating block.

I'll paste what I thought was the relevant code from theme.html and style.css.

Here is the site: www.careerorama.com.

thanks in advance, jhb

Here is line 90-103 from theme.html
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}> <table class="sadrzaj" cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}> <table align="center" cellpadding="0" cellspacing="2">
<tr>
<td> <div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div></td>
<br><br><br><br>
</tr>
</table>
<{/foreach}>
<!-- End center-center blocks loop -->

Here are the corresponding lines in style.css
td#centerCcolumn div.blockTitle

{
padding: 3px;
color: #454545;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 10px;
background-color: #BBBBBB;
margin-bottom: 5px;
padding-left: 18px;
background-image: url('images/blue_plus.png');
background-repeat: no-repeat;
background-position: left;
}
td#centerCcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 8px;
line-height: 120%;
border-bottom: 1px dashed #cccccc;
}

in your style.css find

div#content

add this

div#content { padding-bottom: 10px; }

Hi, the article text isnt contained within a block.

Look for this in the style css:
and



try adding the margin attributes and a value to either the above and see if it makes a difference.

e.g



add or adjust the value of margin-bottom to either itemBody or itemText to see if it helps with the white space

All, Thanks for the help. The .itemBody and .itemText margin-top and margin-bottom just push the text up and down between the title and the footer.

I ended up using the padding-top command on the .itemHead

shown below:

.itemHead
{
padding-left: 15px;
padding-right: 15px;
padding-bottom: 3px;
padding-top: 30px;
color: #242424;
border-bottom: 1px dashed #8699B5;