You are here: Home > Forum > Site Design & Construction > How to make page wider Post new topic   Reply to topic
View previous topic :: View next topic  
Author Message
PJP



Joined: 05 May 2008
Posts: 18

PostPosted: Tue May 20, 2008 8:25 pm    Post subject: How to make page wider Reply with quote

I'm using a template service and am am trying to make the page wider. Currently there is grey on both sides and I would like to get the page to fill up that area.

Any ideas?

Thanks,
Back to top
Jim Hutchinson
Moderator


Joined: 17 Jan 2006
Posts: 565
Location: Iowa, USA

PostPosted: Tue May 20, 2008 8:40 pm    Post subject: Reply with quote

Every template is different and may require various tweaks. The first stop is the style sheet, usually named styles.css. Find the section that specifies the content width and increase it.

Once you make the change, preview your site to see if the top graphic is set to a specific size. If it is, there may be a setting in the style sheet for that too. Otherwise, you might have to edit the header graphic to fit the new size.

Instead of a fixed width, you can also play with the settings so the page will adjust according to the screen width. That is done by changing the static width, such as 780px to a percentage, like 80%.

For any change in width, you will have to go through the rest of the style sheet to see if any other areas, such as the footer, are also set to the specific width and change them to match the header.

Again, the footer may have an image that is a specific size and may need to be resized so it does not look stretched.

Sometimes changing the size is easy, while other times, depending on the template, it could be a total nightmare to the inexperienced. Just take your time going through the settings and be sure to preview the changes before moving on to something else.

Most of all, have fun!

Jim Hutchinson
Back to top
PJP



Joined: 05 May 2008
Posts: 18

PostPosted: Wed May 21, 2008 9:35 pm    Post subject: Reply with quote

Thanks, Jim!

The template company contacted me and said the templates are pretty much as is, but I will try your recommendations.

I know it should be fun...but sometimes is pretty frustrating.

Take care,

--Paula

WebsiteManagers wrote:
Every template is different and may require various tweaks. The first stop is the style sheet, usually named styles.css. Find the section that specifies the content width and increase it.

Once you make the change, preview your site to see if the top graphic is set to a specific size. If it is, there may be a setting in the style sheet for that too. Otherwise, you might have to edit the header graphic to fit the new size.

Instead of a fixed width, you can also play with the settings so the page will adjust according to the screen width. That is done by changing the static width, such as 780px to a percentage, like 80%.

For any change in width, you will have to go through the rest of the style sheet to see if any other areas, such as the footer, are also set to the specific width and change them to match the header.

Again, the footer may have an image that is a specific size and may need to be resized so it does not look stretched.

Sometimes changing the size is easy, while other times, depending on the template, it could be a total nightmare to the inexperienced. Just take your time going through the settings and be sure to preview the changes before moving on to something else.

Most of all, have fun!

Jim Hutchinson
Back to top
Display posts from previous:   
Post new topic   Reply to topic    NetProfitsToday.com Forum Index -> Site Design & Construction All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum