Correcting formatting on custom full width page

Discussion in 'HTML & Website Design' started by gmr324, Aug 26, 2010.

  1. #1
    Hi,

    I just defined a full width page for my wordpress theme to remove the sidebar and extend the width of the content to take over the sidebar space. The problem is that the content background color changed to blue and the content and pictures are not centered. I'm not concerned with the size of the images in the page content since I can easily resize them. Here's the issues I have to resolve:

    Here's the full width page with the formatting issues:

    http://www.localsearchconsulting.org/web-analysis/testing/

    o Need the background color to be white like this standard page:

    http://www.localsearchconsulting.org/privacy-policy/

    o Need the content and pictures to be centered for this sample full width page


    Essentially all I was looking to do was keep the normal page formatting and extend the
    width to be the same as the header image.


    Any Advice Appreciated

    George
     
    Last edited: Aug 26, 2010
    gmr324, Aug 26, 2010 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Add this to your stylesheet:
    
    .text {
    	background:#fff url(images/title.jpg) repeat-x;
    	border: 1px solid #D1D9DF;
    	color: #535A5F;
    	font: 14px Trebuchet ms, century gothic,Arial,verdana, sans-serif;
    	height: 100%;
    	line-height: 20px;
    	margin: 0 20px;
    	text-align: center;
    }
    
    .text h1 {
    padding-top: 10px;
    }
    
    Code (markup):
     
    Last edited: Aug 28, 2010
    Cash Nebula, Aug 28, 2010 IP