Not signed in (Sign In)

Categories

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

RecentTags

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorClaireF
    • CommentTimeMay 13th 2008
     permalink
    I am trying to remove, or change the size of, the margin or padding in the main body.

    See here: http://premiercontractingservices.com/wp/index.php/example/
    I have shown the border around the table to show the space between the table and the outer edge.

    Anyone know how to remove that?

    Thanks!
    • CommentAuthorPaul
    • CommentTimeMay 13th 2008
     permalinkBuy a Drink
    I think in your custom css it's

    #main div.pad
    {
    padding-left: 20px;
    padding-right: 20px;
    }
    • CommentAuthorClaireF
    • CommentTimeMay 13th 2008
     permalink
    That worked for the padding to the left and right. But no luck with the top.

    I tried:

    padding-top: 0px;

    margin-top: 0px;
    • CommentAuthorPaul
    • CommentTimeMay 13th 2008
     permalinkBuy a Drink
    Not really sure, but maybe

    #main div.pad
    {
    margin: 0px 0px;
    padding: 0px 0px;
    }

    or

    #body
    {
    margin-top: 0px;
    margin-bottom: 0px;
    }


    I'm just going off the sem-canvas in the custom-sample's folder and the css in the blank theme.
    • CommentAuthorClaireF
    • CommentTimeMay 14th 2008
     permalink
    Didn't work!

    I also tried

    #ext_main

    #header

    #navbar

    #custom_navbar

    No luck with those either!
    •  
      CommentAuthorLarryVan
    • CommentTimeMay 14th 2008
     permalinkBuy a Drink
    It seems that Paul's suggestion should work. Try adding the important tag, as follows:

    #main div.pad
    {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    }

    or

    #body
    {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    }

    Larry
    • CommentAuthorClaireF
    • CommentTimeMay 14th 2008
     permalink
    Thanks... but no luck. To make sure I hadn't messed up somewhere else in my custom.css file, I removed everything else in custom.css and then tried ONLY those 2 tags you both suggested... but found the space was still there.

    Then I thought it might be the "spacer" or "pad" tag.

    I tried putting the following into the custom.php file:

    <?php
    }
    remove_action('spacer', 'spacer');
    remove_action('pad', 'pad');
    ?>

    But that didn't work either. The white space at the top and bottom is still there. :/
    • CommentAuthorClaireF
    • CommentTimeMay 15th 2008
     permalink
    I worked out it is the <div class="pad"> tag that is causing all the problems.

    Could anyone tell me how to remove it or change it's values to 0px?

    Thanks!
    • CommentAuthorClaireF
    • CommentTimeMay 16th 2008
     permalink
    I got it sorted!

    I found this worked:

    div.pad
    {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    }

    But it would still leave a tiny bit of white space because there is text in the div. So I changed it to:

    div.pad
    {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
    font-size: 0px;
    }

    The copyright_notice & footer link section would then not show up because the font was 0px.

    So I added this to my custom.css:

    #copyright_notice
    {
    font-size: 10px;
    padding: 4px 3px !important;
    }

    And would do the same with the footer links (if there were any).

    Thanks for the help Paul & LarryVan!
    • CommentAuthorPaul
    • CommentTimeMay 16th 2008
     permalinkBuy a Drink
    You can try #footer or #footer_nav
Add your comments
    Username Password
  • Format comments as