Solved

Wordpress Page with huge margin.

Posted on 2012-03-25
3
395 Views
Last Modified: 2012-04-04
My site located at carlosparra.com/ryans is showing me a huge margin to the right keeping the page from being centered and expanding the window to the right. I need to get rid of this margin but I have looked over my entire stylesheet and cannot find it for the life of me. It is a child theme of Twenty Eleven.
0
Comment
Question by:AngryHermit
3 Comments
 

Expert Comment

by:Alex_Dumitrache
ID: 37764702
Check the footer. That's where you have the extra margin.

Search and remove this from the footer styling :

padding: 2.2em
0
 
LVL 5

Accepted Solution

by:
Robin Hall earned 500 total points
ID: 37799009
AngryHermit,

The area that caused the huge right margin to be corrected on my screen was this tag in your footer.  You have the width set to 300%:

#grey {
    background: none repeat scroll 0 0 #0C0C0C;
    height: 9em;
    line-height: 10em;
    margin-bottom: 0;
    margin-left: -50%;
    margin-top: -6.69em;
    overflow: visible;
    width: 300%; -  You should change this to 100%
    z-index: 1;
}
0
 

Author Closing Comment

by:AngryHermit
ID: 37807275
This was definitively it, must have been really tire when I was thinking that would solve my full width footer option. Thank you.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery scrollTop 2 40
FIELDSETs and LEGENDs in email markup 1 11
Message not shown 5 30
Intermittent Error on Page Loading 4 13
In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

911 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now