Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Oct 2009
    Posts
    51
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Stumped With CSS

    Hello,

    I hope this is a troubleshooting forum, if not - I apologize for this post. I'm having a hard time figuring out where padding/margins are coming from in a Wordpress theme I'm trying to edit.

    If you take a look at this page (or an image of what I'm talking about here

    As you can see, the left side of the left Grey box is not flush with the black box above it (the one with the date) - same for right side of right box.

    Using CSSViewer in Firefox, the only two CSS classes that appear to be in play are Widget and ContentContainer - and neither have any attributes that affect the margin/padding I'm trying to remove. For the life of me - where is this extra space coming form???

    The CSS in question is obviously in the source code, but can be found here if you need to download.

    Thanks in advance for your assitance

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    Code:
    #wrapper {
    background:#FFFFFF none repeat scroll 0 0;
    margin:0 auto;
    padding:0;
    width:1030px;
    }
    #maincontainer {
    margin:0 auto;
    width:990px;
    }
    the #wrapper is ~40px bigger than the #maincontainer div, hence the gaps.

  • #3
    New Coder
    Join Date
    Oct 2009
    Posts
    51
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Thanks for the response met, but that doesn't seem to be the solution. Upping maincontainer or contentcontainer does not correct the space between the widgets. If you navigate to the homepage - the sections (Tier1 in this case) aligns properly.

    Even when I changed both of the above, it didn't correct the spacing issue on this page - but broke the correct alignment on the homepage.

    Any other thoughts??

  • #4
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    aha, I couldn't even see the grey boxes on my monitor, too bright

    to align the left sidebar.

    Code:
    #sidebarnarrowleft {
    float:left;
    margin:0; /* set this to 0 */
    width:160px;
    }
    seemed to work

    Code:
    #postsidebar {
    float:left;
    margin-left:30px; /* adding this */
    }
    pushed it over, and I *think* 30px is enough, but I really can't see the grey on my monitor too clearly. Might need more or less margin.

  • Users who have thanked met for this post:

    billatl (10-27-2009)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •