Solved

css

Posted on 2011-09-27
3
232 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 500 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Lazy load not working with masonry js 1 20
Cannot center boxes on mobile, but looks good on desktop 9 33
div to fit another div 8 23
JavaScript let vs var 5 27
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

803 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