Improve company productivity with a Business Account.Sign Up

x
?
Solved

css

Posted on 2011-09-27
3
Medium Priority
?
257 Views
Last Modified: 2012-05-12
http://csstemplatesfree.net/template-view/182/

I like above free template. but I would like to make  the middle space wider.
Can you show me how to do that in css? I am not css programmer.

And you can download above url  for free  to view the css file.

Thanks,
0
Comment
Question by:Webboy2008
  • 2
3 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 36714128
To make the whole content area wider, which will make the center section wider, you need just two changes.

1.) Change the width in the #wrap definition from 760px to something greater like 960px

#wrap {
background:#fff;
color:#303030;
margin:0 auto;
padding:1px 4px;
width:960px;
}

2.) Find a wider image to fill in the extra space you created in the header section.
0
 

Author Comment

by:Webboy2008
ID: 36714248
1. done.
2. i don't know what to do...
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 2000 total points
ID: 36714297
Do you want to use the image of the trees and snow capped mountains? You could stretch it in an image editing program.

Or, find a new image with the proper dimensions and modify this line to reflect the change.

#header {
    background: url("images/headerphoto1.jpg") no-repeat scroll left bottom #FFFFFF;
    color: #505050;
    height: 200px;
    margin: 0 10px 10px;
    padding: 0;
}
0

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn a few layer organization tricks and tips to improve their workflow in Photoshop. Open a multi-layer document in Photoshop: View all your layers by going Window > Layers:  To make sure your layers can be identified…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

608 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question