xoops forums

fredgsanford

Just popping in
Posted on: 2009/7/20 10:04
fredgsanford
fredgsanford (Show more)
Just popping in
Posts: 98
Since: 2004/6/29
#1

Making a fixed theme fluid, or wider?

Hi guys,

There are two really nice themes that I would love to use on my site, but I they are both fixed width it seems and I don't like how they scrunch (shrink) the content in the center content blocks.

The themes are:
Presented
Resized Image


Ithri_01_b
Resized Image


Can somebody please tell me how I can make these take up the whole screen like the xoops.org theme does?

Thank you

culex

Module Developer
Posted on: 2009/7/20 10:31
culex
culex (Show more)
Module Developer
Posts: 705
Since: 2004/9/23
#2

Re: Making a fixed theme fluid, or wider?

A quick glance at presented shows (guess same goes for ithri_01_b..

//style.css
Quote:

#xo-canvas {
margin:0 auto;
width:900px;
}


Try changing to..
Quote:

#xo-canvas {
margin:0 auto;
width:100%;
}


But this change may alter the theme in other areas, so see how it looks.
Programming is like sex:
One mistake and you have to support it for the rest of your life.

fredgsanford

Just popping in
Posted on: 2009/7/20 10:43
fredgsanford
fredgsanford (Show more)
Just popping in
Posts: 98
Since: 2004/6/29
#3

Re: Making a fixed theme fluid, or wider?

Thanks ... yeah, I figured it was something to do with the css files. I'll give it a shot

fredgsanford

Just popping in
Posted on: 2009/7/20 12:43
fredgsanford
fredgsanford (Show more)
Just popping in
Posts: 98
Since: 2004/6/29
#4

Re: Making a fixed theme fluid, or wider?

Ok, I edited the code above in styles.css and it did nothing. (theme - inthri_01_b)

There is also a template.css file with the following code:
Quote:
/* --------- System module -------- */ /* --- system_redirect ---*/ #xo-redirect { margin: 10px 80px 10px 80px; background-color: #fafafa; padding: 8px; line-height: 1.4em; text-align: center; border: 1px solid #ddd; } /* --- system_siteclosed --- */ #xo-siteclosed { margin: 10px 200px 10px 200px; background-color: #fafafa; padding: 8px; line-height: 1.6em; text-align: center; border: 1px solid #ddd; } #xo-siteclosed strong { display: block; font-style: normal; } #xo-siteclosed label { font-size: .9em; font-weight: normal; } #xo-siteclosed input {margin: 2px;}


Maybe if I edit something in there as well? ...but what to edit?

culex

Module Developer
Posted on: 2009/7/20 13:14
culex
culex (Show more)
Module Developer
Posts: 705
Since: 2004/9/23
#5

Re: Making a fixed theme fluid, or wider?

hmm no, but you problably also need to change this width in style.css

Quote:
/* --------- Header --------- */
#xo-header {
width:900px;
height: 100px;
background: url("../img/bg_body.gif") repeat-x ;
}


Quote:

/* --------- Header --------- */
#xo-header {
width:100%;
height: 100px;
background: url("../img/bg_body.gif") repeat-x ;
}
Programming is like sex:
One mistake and you have to support it for the rest of your life.

fredgsanford

Just popping in
Posted on: 2009/7/20 13:27
fredgsanford
fredgsanford (Show more)
Just popping in
Posts: 98
Since: 2004/6/29
#6

Re: Making a fixed theme fluid, or wider?

I sent you a PM with my site url, and my theme's style.css file so you can have a look at what I've done so far. Getting closer .. haha

Thanks for your help Culex

playsome

Not too shy to talk
Posted on: 2009/7/20 16:35
playsome
playsome (Show more)
Not too shy to talk
Posts: 197
Since: 2009/4/15
#7

Re: Making a fixed theme fluid, or wider?

Ive not had a look at the css for those two themes but the center column might also have a width defined in pixels or percent the selector should be .centerColumn found in the style.css.

Remember if you change the theme width to 100% it might not look as good on lower resolution screens, depending on what size images you use on your site etc, if you can, test the themes with 800x600 resolution to see how it looks.