Antique theme change width

[sam123456]

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

[Nibbler]

style_wp.css. You'll need to create a larger header image too though.

[sam123456]

thanks for ur reply. which part do i edit to stretch the whole thing. no worries i will create the image

[Nibbler]

Adjust the widths in this section:

Code Select Expand


#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;
}


[sam123456]

I changed the width on all of these accordingly but everything is messed up now. can u please suggest the widths

[Nibbler]

Post a link to your gallery.

If you increase them all by 100px that should work just fine.

[swordsman]

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

[Gene-2008]

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

[swordsman]

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

[pitzerwm]

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%.

[rat_tracks]

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

[Joachim Müller]

Locking this thread. You've been told in the other thread already to behave, so do that :-\.