Mag Flow : Column Padding
  • herbbotanyherbbotany January 2011

    In the layout options I have the site width set to 1200px and I would like to have 4 columns, and that would come out to setting the columns under (front page in the layout section) to 300px and it looks great, except that the 4 - 125x125 ads go vertical under that setting.

    Where in style.css do I change the column padding/margins, etc. so that the space between the columns are a bit smaller so that the 125px ads aren't vertical and display as they should with 2 on top and two on bottom?

  • cbavotacbavota January 2011

    Don't modify style.css. Always use the Custom CSS editor or future updates will overwrite your changes.

    This is the code that is used in style.css:

    .sideads img.four {
    margin: 0px 6px 12px;
    }


    Add that to your Custom CSS editor and change the numbers.

  • herbbotanyherbbotany January 2011

    Thanks for the code, but that doesn't solve the padding between the columns. Where/what do I need to do in Custom CSS to have less padding between the columns displayed on the front page?

  • cbavotacbavota January 2011

    Sorry. I misunderstood. I thought you were referring to the margins on the ads.

    That is a two step process. First you need to modify the padding and margin by setting a Custom CSS style for the following selector:

    .home #maincontent .post { margin: 5px 10px; padding: 5px 10px; }


    Above is the default.

    Next you need to open up functions.php and edit the following line by lowering the number that is subtracted (the 40).
    406
    .home #maincontent .post { width: <?php echo theme_option('columns')-40; ?>px; }

  • herbbotanyherbbotany January 2011

    Thank you! As soon as I get back from running a quick errand, I will be doing this.

    Thanks again! Exactly what I was meaning by the columns and the whitespace between them! :))

  • herbbotanyherbbotany January 2011

    Couldn't I put line 406 with the -40, (with my setting of course), into Custom CSS or is it just not possible and I have to change the line in functions.php and it would override the setting in functions.php in Custom CSS? I can hardcode it, just wondering really...

  • cbavotacbavota January 2011

    You are right. You can use the Custom CSS, which is the best route since it would then be safe to upgrade. Good call.

  • herbbotanyherbbotany January 2011

    That's good news, although when I changed the value of -40 to -20 it totally messed up the front page I also changed the values of the css line with this : margin: 5px 10px; padding: 5px 10px; - to have them both at 5px. So it's back to square one on this one...

    Not sure what to do to minimize the whitespace between the columns on the front page.

  • cbavotacbavota February 2011

    Hmm. I had tested it on my site and it seemed to work by just changing those values.

  • I am interested in reducing the spade between columns. Have you gotten further on this?

  • cbavotacbavota February 14

    You need to follow the instructions above to reduce the space between the columns.

  • Just like the previous poster, these instructions did not work for me. any other ideas?

Hey there!

Take a look around, and if you would like to add a comment or start a discussion, register by clicking on the button below.

Register

Categories

In this Discussion

Tagged