Have any questions?

+44 (20) 3540 6226

hello@appshed.com

Placing items side-by-side.

5.0/5 rating (1 votes)

Using the "float" and the "width" classes, you can resize an item and cause it to shift into the same line as another item.

Change the layout of items using Custom Classes

  1. Edit the item and go to the Style tab.

  2. In the Custom classes field type in the following classes:
    width-1-2 float-left



  3. Set the width of the other property to fill the space if needed.

Different widths (these are seen as fractions)

  • width-1-2
  • width-1-3
  • width-2-3
  • width-1-4
  • width-2-4
  • width-3-4
  • width-1-5
  • width-2-5
  • width-3-5
  • width-4-5
  • width-1-6
  • width-2-6
  • width-3-6
  • width-4-6
  • width-5-6
  • width-1-7
  • width-2-7
  • width-3-7
  • width-4-7
  • width-5-7
  • width-6-7
  • width-1-8
  • width-2-8
  • width-3-8
  • width-4-8
  • width-5-8
  • width-6-8
  • width-7-8

Note: You could also use "float-right" on an item.

Share this product

appshed name white text 250

Copyright © 2017 AppShed Limited