Page Layout width

joergm

Joined: 2009-06-20
Posts: 2
Posted: Sat, 2009-06-20 09:04

I playing around with the themes and like to change the width of the overall page size.

I was trying and searching the parameters in the screen.css file without luck.
I can change the width of some layouts like the sidebar or contents but did not find how to adjust
the global width....

Where I have to look for that?

Many Thanks for any hint!

Joerg

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2009-06-20 14:37

A couple of tools to assit:
Firebug & Web Developer Firefox Extentions | CSS Editing

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
bharat
bharat's picture

Joined: 2002-05-21
Posts: 7994
Posted: Sat, 2009-06-20 18:28

Look for this in themes/default/css/screen.css:

#gContent {
  font-size: 1.2em;
  padding-left: 20px;
  width: 696px;
}

#gSidebar {
  background-color: #fff;
  font-size: .9em;
  padding: 0 20px;
  width: 220px;
}

Those (and the blocks around them) control the sizes of the main containers.

---
Problems? Check gallery3/var/logs
file bugs/feature requests | get the latest code | use git |
[url=http://bit.ly/15CnoF]help! vote![/url

 
joergm

Joined: 2009-06-20
Posts: 2
Posted: Sat, 2009-06-20 22:53

Thanks for the info, so I am on the rigtht way

 
thecreativeone

Joined: 2008-09-28
Posts: 16
Posted: Mon, 2009-06-22 06:29

That doesn't actually change the page width, only the content view and sidebar. If I try changing the width of the content block, it gets cut off with the sidebar. I'm trying to find the code for the overall page width.

 
bharat
bharat's picture

Joined: 2002-05-21
Posts: 7994
Posted: Mon, 2009-06-22 18:19

Oops, my mistake. We're using the YUI Grids CSS from Yahoo! (http://developer.yahoo.com/yui/examples/grids/grids-doc.html) so what you want to do is to change your doc type. In themes/default/views/page.html.php change

    <div id="doc4" class="yui-t5 gView">

to:

    <div id="doc3" class="yui-t5 gView">

That'll use 100% of the page width.

---
Problems? Check gallery3/var/logs
bugs/feature req's | upgrade to the latest code | use git | help! vote!