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 http://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 add and then add the .some_identifier to style.css giving it the attributes you want.


Quote:







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

1053 user(s) are online (85 user(s) are browsing Support Forums)

Members: 0

Guests: 1053

more...

Donat-O-Meter

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

Latest GitHub Commits