• Resolved jmerr59944

    (@jmerr59944)


    hi,

    I just switched to a wordpress twenty ten (child theme) for torahletzion.org.

    how do I change the margins of the single column format (used on some of my pages) so that it is more to the left and not centered like it is now…

    Jeremy

Viewing 6 replies - 1 through 6 (of 6 total)
  • Try adding this to your child theme style.css file:

    .one-column #content {
        margin: 0 20px;
        width: 100%;
    }

    You can adjust that margin and width as you like.

    Thread Starter jmerr59944

    (@jmerr59944)

    that worked great…thanks so much…

    also, im trying to center the 5 buttons…ive created a table like this:

    <center>
    <table border="0">
    <tr>
    <td><a href="http://torahletzion.org/donate/"><img src="http://torahletzion.org/wp-content/uploads/2012/11/Donate.jpg" alt="Donate" width="250" height="100"></td>
    <td><a href="http://torahletzion.org/students-features/"><img src="http://torahletzion.org/wp-content/uploads/2012/11/Essays.jpg" alt="Essays" width="250" height="100"></td>
    <td><a href="http://torahletzion.org/6th-annual-raffle/"><img src="http://torahletzion.org/wp-content/uploads/2012/11/Raffle-Button.gif" alt="2013-14 raffle" width="250" height="100"></td>
    </tr>
    </table></center>
    <center><table border="0">
    <tr>
    <td><a href="http://torahletzion.org/partnership-program/"><img src="http://torahletzion.org/wp-content/uploads/2012/11/Partnership.png" alt="Partnership" width="250" height="100"></td>
    <td><a href="https://www.facebook.com/pages/Torah-Letzion/136842992998017?fref=ts" target="_blank"><img src="http://torahletzion.org/wp-content/uploads/2012/11/facebook.jpg" alt="Facebook" width="250" height="100"></td>
    </tr>
    </table></center>

    but for some reason the second row wont center…any idea why?

    It’s because you have only two cells in that row and because the images are not centered in those cells. This seems to work by changing the image location:

    td img {
       display: table;
       margin: 0 auto;
    }

    BTW, tables really aren’t considered a good way to do layout anymore – so you may want to rethink that.

    Also, the <center> tag is deprecated, so that would be best avoided as well. Here’s some good info on centering elements using CSS:

    http://www.w3.org/Style/Examples/007/center.en.html

    Thread Starter jmerr59944

    (@jmerr59944)

    ok, thanks, im going to have to play with that…one last thing:

    how do I remove the extra space and black line above my header image?

    See if this works:

    #branding img {
        border-top: 0;
    }
    
    #header {
        padding: 0;
    }
    
    #site-description {
        display: none;
    }

    Thread Starter jmerr59944

    (@jmerr59944)

    perfect…thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘how do i change the margins in wordpress twenty ten’ is closed to new replies.