Frequently Asked Questions

Box Layouts

Last Updated 3 months ago

Box Layouts allow you to combine text and image elements in a stylish and simple box layout. You can use box layouts to add an element of information under your products and services, the display an offer or to add a call to action on a banner. Limecube provides different box layouts with multiple designs to provide users with multiple options to display their products, services etc.

Changing Layouts


Text Over Image

To add a Text Over Image box layout to your webpage:
  1. Select the page that you’d like to add the text over image box layout to.
  2. Click on the ‘+Add Element’ Icon on the Page's Header Bar
    add-element.png
  3. Drag and Drop the Text Over Image icon (under Box Layouts) onto the area of the page that you want it to appear in
    image
  4. Open Single Box Edit by hovering your mouse over a box and clicking the edit icon.
    image
  5. Create and edit a new box OR choose from existing boxes.
  6. Repeat Steps 6 and 7 for all boxes.
  7. Save
You have now added a text over image box layout to your webpage.

Text Under Image

To add a Text Under Image box layout to your webpage:

  1. Select the page that you’d like to add the text under image box layout to.
  2. Click on the ‘+Add Element’ Icon on the Page's Header Bar
    add-element.png
  3. Drag and Drop the Text Under Image icon (under Box Layouts) onto the area of the page that you want it to appear in.
    image
  4. Open Single Box Edit by hovering your mouse over a box and clicking the edit icon.
    image
  5. Create and edit a new box OR choose from existing boxes.
  6. Repeat Steps 6 and 7 for all boxes.
  7. Save
You have now added a text under image box layout to your webpage.

Text Next To Image

To add a Text Next To Image box layout to your webpage:

  1. Select the page that you’d like to add the text Next to image box layout to.
  2. Click on the ‘+Add Element’ Icon on the Page's Header Bar
    add-element.png
  3. Drag and Drop the Text Next To Image icon (under Box Layouts) onto the area of the page that you want it to appear in.
    image
  4. Open Box Group Settings by hovering your mouse on top of the box layout and clicking the settings icon.
    jepg.jpg
  5. Select Image to Text Ratio and Save.
  6. Single Box Edit by hovering your mouse over a box and clicking the edit icon.
    image
  7. Create and edit a new box OR choose from existing boxes.
  8. Repeat Steps 6 and 7 for all boxes.
  9. Save
You have now added a text next to image box layout to your webpage.



Adding more boxes to the Box Layout

This help video shows you how to add additional boxes to your box set.


To add additional boxes to your box layout:

  1. Hover your mouse on top of the Box Layout
  2. Click on the Plus Icon and Select an option to add a new box.
    image
  3. Create and edit a new box OR choose from existing boxes.
  4. Save.
You have now added another box to your box layout.

Choosing the Number of Boxes Per Row

To choose the number of boxes that you want to display per row:

  1. Hover your mouse on top of the Box Layout
  2. Click on the Settings Icon.
    jepg.jpg
  3. Enter the number of boxes that you want to display per row
  4. Save.
Changing Between Box Layouts

Limecube allows you to easily change between text over, under and next to image box layouts. Simply:

  1. Hover your mouse on top of the Box Layout.
  2. Click on the Settings Icon.
    jepg.jpg
  3. Select the Layout you would like to change to.
  4. Save.