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 design questions 
  4.  / Making a fixed theme fluid, or wider?
Register
1
fredgsanford
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
2
culex
Re: Making a fixed theme fluid, or wider?

  • 2009/7/20 10:31

  • culex

  • Module Developer

  • Posts: 711

  • Since: 2004/9/23


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.
3
fredgsanford
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
4
fredgsanford
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?
5
culex
Re: Making a fixed theme fluid, or wider?

  • 2009/7/20 13:14

  • culex

  • Module Developer

  • Posts: 711

  • Since: 2004/9/23


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.
6
fredgsanford
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
7
playsome
Re: Making a fixed theme fluid, or wider?

  • 2009/7/20 16:35

  • playsome

  • Not too shy to talk

  • Posts: 197

  • Since: 2009/4/15


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.

Login

Username:
Password:

Lost Password? Register now!

Search

Advanced Search

Recent Posts

Who's Online

60 user(s) are online (34 user(s) are browsing Support Forums)

Members: 0

Guests: 60

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