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.  / Center block width change ?
Register
1
qutTi
Center block width change ?

  • 2005/8/27 22:13

  • qutTi

  • Just popping in

  • Posts: 9

  • Since: 2005/8/25


So I've managed to change the left and right modules, by pixels, but I want to put spacing between the left-center-right modules. My site is www.sourcebg.com
How can I put space and shorten the width of the central module ? What I should change in the css ?
2
cryogenic
Re: Center block width change ?

  • 2005/8/27 22:24

  • cryogenic

  • Just popping in

  • Posts: 13

  • Since: 2005/1/10


i don't know much about theme designing but you can find a theme here as you want and check it's CSS file. It was Imago06 release, i think.
3
WarDick
Re: Center block width change ?

  • 2005/8/28 0:31

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


That one is not as easy as the last. There is no class or id label for the td. If you look at you style.css you will find Quote:
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Arial,Tahoma,Verdana,Sans-serif;
}


change the padding: 0; to the value you want.

As you will see this breaks the rest of the theme. You will need to assign a class or id to that td entry to make it unique for it to work as you desire.
Urging XOOPS to be the Best It Can Be.
Richard......
4
qutTi
Re: Center block width change ?

  • 2005/8/29 13:58

  • qutTi

  • Just popping in

  • Posts: 9

  • Since: 2005/8/25


Ok, I can pass without this anyway.
WarDick, I see you r the man here :), so for last can you tell me how can I make space between the news exactly between:

.itemHead
.itemInfo
.itemFoot

What should I add there or change in the css ?
5
WarDick
Re: Center block width change ?

  • 2005/8/29 16:12

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Quote:
Ok, I can pass without this anyway.


No need to live without anything. You can do anything you want with CSS, templates and XOOPS.

Where the last <td> add <td id="some_identifier"> and then add the .some_identifier to style.css giving it the attributes you want.


Quote:
<!-- Start center-center blocks loop -->

<table align="center" cellpadding="0" cellspacing="2"> <tbody> <tr>

<td>



Quote:
.item
{
color: #ffffff;
}
.itemHead
{
padding-top: 20px;
color: #CFD2DA;
border-bottom: 1px solid #000000;
background-color: #575F6A;
padding-left: 10px;
border-top: 1px solid #CFD2DA;

}
.itemInfo
{
text-align: right;
padding: 3px;

background-color: #9299A5;
border: 1px solid #ffffff;
margin-top: 10px;
}
.itemTitle a
{
font-size: 120%;
font-weight: normal;
font-variant: small-caps;
color: #CFD2DA;
background-color: transparent;
}
.itemPoster
{
font-size: 80%;
font-style: italic;
}
.itemPostDate
{
font-size: 80%;
font-style: italic;
}
.itemStats
{
font-size: 80%;
font-style: italic;
}
.itemBody
{
padding-left: 5px;
}
.itemText
{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
}
.itemText:first-letter
{
font-size: 133%;
font-weight: bold;
}
.itemFoot
{
text-align: left;
padding: 3px;
background-color: #9299A5;
font-size: 11px;
border: 1px solid #ffffff;
padding-bottom: 10px;
}
Urging XOOPS to be the Best It Can Be.
Richard......
6
qutTi
Re: Center block width change ?

  • 2005/8/29 18:45

  • qutTi

  • Just popping in

  • Posts: 9

  • Since: 2005/8/25


I've tryed this before I ask u and saw just resizing, not spacing. Now I've typed this in the css which u gave me, and it is the same. They are only resizing, there is no space between them. www.sourcebg.com
This is the top of the page, and i want the news to be spaced like this.
Resized Image

But they are like that now:
Resized Image

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

172 user(s) are online (115 user(s) are browsing Support Forums)

Members: 0

Guests: 172

more...

Donat-O-Meter

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

Latest GitHub Commits