Outline Items

On my site, I have the page width set at 1140 for all pages. On my homepage, the outline has 5 items across leaving a blank spot on the right hand side. Is there a way to get 6 items across or to center the outline items to get rid of this blank area? Thank You

i typically set my page widths to 998 or 1024 - I personally wont go higher than that - reason - extra spacing on one, or both sides, and not knowing the size of every persons screen, and their resolution - i have found that these for me work the best.

  My template is custom and is made specifically for 1140 and need to find another fix. Thanks for the answer though, I've tried that and didn't work out well.   I think I can work with the template to make this work. TYVM

There are two file's you'd need to adjust:

/modules/boonex/wall/js/outline.js

    $(document).ready(function() {
        $('#bx-wall-outline .wall-outline-items').masonry({
          itemSelector: '.wall-oi-item',
          columnWidth: 170,
          gutterWidth: 20
        });
    });
}

Then: /modules/boonex/wall/templates/base/css/outline.css

/*--- Item main layout ---*/
div.wall-oi-item {
    position: relative;

    width: 170px;
    padding: 10px 0px;
}

You can adjust the widths downward a few pixels at a time until you get another column.  I'd suggest you turn off all caching and clear the cache folder while you're doing this.  Just know that any changes to outline.js will be used by ALL templates. I'd start off by changing those 170's to 165's, and maybe the gutter to 18.  Then you might adjust the padding a bit.

 Changing column width to 160 and gutterwidth to 22 in the outline.js looks about perfect.. 6 wide now Thanks houston!

I'll just have to look around to see what else this change is going to effect

You just need to make sure you're width/gutter changes work OK with any other templates you might be using.  Nothing else should be affected.

oh ok, this is the only template I have active so everything should be good.