I have Grid9, Grid10, Grid11, and Grid12 all in the same row. I created a Custom HTML module for each of the template items and there is one image in each module, exactly 125 pixels wide. Here is the code in each of the four modules:

<p style="text-align: center; width:125px"><img src="images/grid9.jpg" alt="" /></p>

Each of the four items is 3 units wide in the template to make 12 units.

The template Width under General Settings is 1130px. Yet the form will only show three items in one row, not the four items like is shown in the template. And there is quite a big of a gap between each item.

Hi Mike

Are you able to post a link for the site?

Cheers
Paul

No, it's internal only. I sent you a screenshot.

I can't really tell I'm afraid from the screenshot are the module position widths in the template all equal?

What padding / spacing value do you have set between modules?

Cheers
Paul

Ahhh, ok. Where do I set the padding/spacing?

I think this may be factor but think there is something else in play

In the template settings on the right side under style

"Width and padding" for global padding values

Have you changed any settings inside the particular row itself?

e.g container padding / margin in Container Style for the row

I changed width and padding and it worked. thanks!

no problem - enjoy your weekend

Cheers
Paul