# How to add a box to contain your text or pictures

> Use nested layouts in ProSite's Site Builder to create styled boxes that contain images or text at a consistent size.

Source: https://www.kualo.com/knowledgebase/prosite-pages/how-to-add-a-box-to-contain-your-textpictures
Updated: 2026-06-09

---

Use nested layouts in ProSite's Site Builder to create uniform, styled boxes - ideal for displaying images side by side at equal height and width.

## Create the outer layout

1. Launch the Site Builder tool from your cPanel.
2. Go to the page where you want to insert your image box.
3. Drag a single-column layout onto the page. Set it to **Horizontal** so that items sit next to one another along the horizontal axis.

![Outer horizontal layout](https://kb-cdn.kualo.com/37/cd/37cd37e2deb6df027a03825a5a5571c1ca8614b7.jpg)

## Add and size the inner layout

4. Drag a second single-column layout onto the page and drop it inside the outer layout you just created.
5. Give this inner layout a fixed size - for example, 300px for both height and width.

![Inner layout with fixed size](https://kb-cdn.kualo.com/c2/00/c200795de5af70210596381c08b9587546a6d2df.jpg)

You should now have an outer layout containing an inner layout at your specified dimensions. You will use this inner layout to hold a background image.

![Outer layout containing inner layout](https://kb-cdn.kualo.com/e4/75/e475d76f1f497437f32a4b0e84a5fbda3cacdda6.png)

## Set the background image

6. Select the inner layout and add a background image. Centre the alignment, turn off auto-sizing, and set the image to fill the entire layout.

![Background image settings](https://kb-cdn.kualo.com/22/f7/22f72400804cbb33c5e33fc065135f6575fe456b.png)

## Style the box

7. Optionally, add a border to the layout. Set the border style, width, and colour.

![Border settings](https://kb-cdn.kualo.com/9e/74/9e74649afc3766261a85570374806545eb88dc5a.png)

8. Optionally, set a corner radius. If the layout is perfectly square, using the maximum radius will make it appear as a circle.

![Corner radius settings](https://kb-cdn.kualo.com/31/4e/314e58f8bc8a84b6303386c4fc4cb42fadc3a7db.png)

9. Optionally, add a shadow to the layout. Adjust the Distance, Size, Blur, and Colour settings to your preference.

![Shadow settings](https://kb-cdn.kualo.com/8e/a4/8ea4c4f1ed763c5b20677f8914f5fb88ccb17ee8.png)

Your image is now contained within the styled layout box.

![Finished image box](https://kb-cdn.kualo.com/05/34/0534ff422fb601cfbcbf4d21cac1638318920e59.jpg)

## Add more images

To add a second image in the same style, duplicate the inner layout and replace the background image.

![Duplicating the image box](https://kb-cdn.kualo.com/67/e1/67e1ae76f5d79fe3c9c152d2211b0e2f3bda9c3c.mp4)


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-pages/how-to-add-a-box-to-contain-your-textpictures · © Kualo Ltd._