Support » Plugin: Space Boxes » Layout alignment

  • Hi…A much needed plugin. Thank you!

    Here’s my shortcode: [spaceboxes id=”53767″ columns=”3″ size=”spaceboxes-medium-nocrop”]

    I’m testing it on this page: (scroll to bottom and you will see the space boxes underneath “Featured Resources”.

    So here’s my question: How do I get this panel of three images to center? They are riding the left margin of the content area and I want to either increase the margin or padding to get them to center under the Featured Resource heading and in the content area. When I add css for padding or margin, it changes all the boxes.


Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Nick Haskins


    hmm. there seems to be a small issue with the columns. I’ll get this patched up within the next week or so.

    <G> Wow…fast response! I look forward to the patch.

    Plugin Author Nick Haskins


    Wait, this works fine. What you’re missing is itemcolumns=”4″.

    Think of a 12 column grid. If you have 3 images, you want 4 columns for each image. 4×3=12.

    So you want itemcolumns=”4″ columns=”3″.

    Let me know how you go about with the above.

    I tried that…and what is happening is that the images display in two rows…two on first and one on second. This is being caused by the padding between the images. I have it up right now…check it out:

    Plugin Author Nick Haskins


    Add this bit of custom css to take care of that:

    .spacebox {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}

    Awesome! Thanks for the fix. I’m putting the finishing touches on this site and will be launching to a group of 5500 followers. I expect to add 50,000 members this year.

    Will be looking to outsource development in the future. Care to discuss?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Layout alignment’ is closed to new replies.