WPG2 Full Page
|
canadianpj
Joined: 2007-10-04
Posts: 2 |
Posted: Thu, 2007-10-04 05:37
|
|
I am sure that somewhere there is already a nice explanation for this. But if someone can point me to it that would be great. I am looking to improve the look of the full integrated WPG2 page on my website. The page is at: http://www.peejay.info/?page_id=13 and it should be obvious that its cramped. Is there a way to make it larger, not display everything on the sides? |
|
Posts: 62
The width of your gallery is being defined by the below css style in the style sheet for your theme: (I used Firebug to figure this out)
#content {
padding: 10px 0px 15px 14px;
float: left;
width: 512px;
overflow: hidden;
}
From your source code it looks like you have a stock install of WPG2 and this is easy to fix up! On your WPG2 Output tab you can modify the default css container. Change it from this:
CSS Style Element Header: .g2_column {width: 738px;margin: 0px 1px 0px 12px;}
Simple Style Elements Header: <div id="content" class="g2_column">
To this:
CSS Style Element Header: #g2_column {width: 738px;margin: 0px 1px 0px 12px;}
Simple Style Elements Header: <div id="g2_column">
This will not apply #content css id that is part of your theme and will allow you to tweak the width until you get it looking how you want. Being the CSS guy of the WPG2 team I will tell you that I cannot live without firebug and the web developer toolbar extensions for firefox. You can read about them here:
http://www.marcnjami.com/web-design/firebug
I hope this helps!