XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / 7dana clean news block spacing - how to
Register
1
jaybull
7dana clean news block spacing - how to

  • 2007/2/5 20:23

  • jaybull

  • Just popping in

  • Posts: 6

  • Since: 2007/1/25


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: http://www.careerorama.com.

thanks in advance, jhb

Here is line 90-103 from theme.html

<{if $xoops_showcblock == 1}>



<{foreach item=block from=$xoops_ccblocks}>








<{$block.title}>

<{$block.content}>

<{/foreach}>


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;
}
2
Will_H
Re: 7dana clean news block spacing - how to

  • 2007/2/5 20:30

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


in your style.css find

div#content

add this

div#content { padding-bottom: 10px; }
3
martyboy
Re: 7dana clean news block spacing - how to

  • 2007/2/5 20:34

  • martyboy

  • Quite a regular

  • Posts: 256

  • Since: 2004/5/25


Hi, the article text isnt contained within a block.

Look for this in the style css:
.itemBody
and

.itemText


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

e.g

.itemBody
{
    padding-left: 5px;
        [b]margin-bottom: 5px;[/b]
}


add or adjust the value of margin-bottom to either itemBody or itemText to see if it helps with the white space
Michael Jackson = King Of Pop

Xoops = King Of CMS
4
jaybull
Re: 7dana clean news block spacing - how to

  • 2007/2/6 2:06

  • jaybull

  • Just popping in

  • Posts: 6

  • Since: 2007/1/25


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;

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

221 user(s) are online (184 user(s) are browsing Support Forums)

Members: 0

Guests: 221

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Jan 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits