forum.coppermine-gallery.net
Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: sam123456 on July 31, 2009, 05:47:13 pm
-
hi,
I have installed the Antique theme and want to change the width of it. currently it is too small. can someone point me to the right file.
thanks
-
style_wp.css. You'll need to create a larger header image too though.
-
thanks for ur reply. which part do i edit to stretch the whole thing. no worries i will create the image
-
Adjust the widths in this section:
#rap
{
background:#fff url(images/rap.jpg) center repeat-y;
width:760px; /*760px*/
margin:0 auto;
padding:0px 8px;
text-align:left;
font-family: Trebuchet MS,Georgia, Arial, serif;
font-size: 0.9em;
}
#header {
background:#fff url(images/top.jpg) no-repeat bottom;
height: 183px;
margin: 0 auto;
width:760px;
padding:0;
border:#fc9 0px solid;
}
#main
{
margin:0 auto;
padding:0;
width:740px; /*740px;*/
}
#content {
width:510px;
float:left;
padding:5px;
margin:0;
overflow:hidden;
display:inline;
}
-
I changed the width on all of these accordingly but everything is messed up now. can u please suggest the widths
-
Post a link to your gallery.
If you increase them all by 100px that should work just fine.
-
sam123456, did you ever figure out how to get the antique theme widths correct in the style_wp.css?
I am close, but can't get the main body width to expand.
Here is how far I have gotten: http://kingdomoflyonnesse.com/coppermine/register.php
Anyone familiar with the css for this theme, and could you assist sam123456 and me?
Thanks!
Larry Ray
-
You should try using this http://chrispederick.com/work/web-developer/
With Firefox it will let you easily see what CSS impacts certain areas of the screen.
For example in your case the #rap is specing the width as 840px...change that in your CSS and the main body will increase.
To increase the text area width look at #main. And content....
BTW these are same things nibbler pointed you to,
Gene
-
Thank you, Gene-2008. This tool helped me confirm that I had correctly changed my style_wp.css as Nibbler advised. I knew that I had already increased the header image (top.jpg) as Nibbler advised as well. The culprit was a background body image (rap.jpg). Once I increased it's width in photoshop, everything looks great.
So for sam and anyone else who wants to increase this template width:
(1) In style_wp.css, increase by 100px: #rap, #header, #main, #content, and #footer
(2) Increase the width of top.jpg by 100px and overwrite
(3) Increase the width of rap.jpg by 100px and overwrite
Thanks again to Nibbler and Gene-2008...
Larry Ray
http://kingdomoflyonnesse.com/coppermine/index.php
-
I use to set my site/pages to a specific width, but playing with different themes I am much more satisfied with the results when I use either 90% or 80% as the width. That way no matter what size the viewers monitor/browser is the page looks good. After you set the outer "tables" to 90-80% then all others are set at 100%.
-
The Antique theme breaks badly in IE 6. Any fix for this ? Does it work better in later versions ? Works fine in Firefox but sadly many still use IE so I need it to work in both. Any ideas ? (I posted another topic on this before I found this as my search for Antique did not bring this thread up for some reason, sorry)
Thanks,
RAT
-
Locking this thread. You've been told in the other thread already to behave, so do that :-\.