Question

Okay I been trying to work this out but unable too. I have a for loop which grabs the images but they are vertical. I would like them side by side. I am confused on what to do. I have it listed in a sidebar.

<div class="socialGroup">
    <xen:include template="cz_groups_group_title" />
</div>

</xen:foreach>

Answer 1

You can accomplish that by using css. Add a ul to the social group class then li to the group title and style them using css. You can set the li width and height.

<div class="socialGroup">
  <ul>
     <li><xen:include template="cz_groups_group_title" /></li>
  </ul>
</div>

</xen:foreach>