Forums

Removing space from left/right/top of site (4 posts)

  1. afromn23
    Member
    Posted 5 months ago #

    I looked everywhere on this site for posts about trying to get rid of the excess space on the left, right, and top of my site.

    This is the site:
    http://www.becomingwethepeople.org/test/

    I used a child theme to mess with the site more.

    Here is the style.css in my child theme:

    /*
    Theme Name: Twenty Eleven Child
    Template: twentyeleven
    Version: 0.1.0
    */
    @import url("../twentyeleven/style.css");

    #body { padding: 0; }

    #header {
    background: none repeat scroll 0 0 #F0EDFF;
    float: left;
    margin: 0 0 0px;
    width: 100%;
    }

    }
    #access {
    background: #0a0a0a; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#0a0a0a, #0a0a0a);
    background: -o-linear-gradient(#0a0a0a, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a0a0a), to(#0a0a0a)); /* older webkit syntax */
    background: -webkit-linear-gradient(#0a0a0a, #0a0a0a);
    -webkit-box-shadow: rgba(163, 0, 70, 0.4) 0px 0px 0px;
    -moz-box-shadow: rgba(163, 0, 70, 0.4) 0px 0px 0px;
    box-shadow: rgba(163, 0, 70, 0.4) 0px 0px 0px;
    clear: both;
    display: block;
    position: absolute;
    margin: 0px 0px 0px 0px;
    width: 100%;
    }
    #access ul {
    color: #a30046;
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
    }

    If anybody could shed some light on my issue, I would greatly appreciate it.

    Brandon

  2. deepbevel
    Member
    Posted 5 months ago #

    try this at the end of style.css

    .one-column #page {
        max-width: 940px;
    }
  3. afromn23
    Member
    Posted 5 months ago #

    It made the site a little bigger, but the space is still there. I made the max width 3000px and it still didn't fix the sides or the top. But I was able to make the site bigger. Thanks for that!

  4. deepbevel
    Member
    Posted 5 months ago #

    get Mozilla Firebug, You can go to your site and click any part to see the css. then you can apply and preview changes then copy the modified code to your style sheet.

Reply

You must log in to post.

About this Topic