# Text/image combination - how to

**URL:** https://forum.bootstrapstudio.io/t/text-image-combination-how-to/9356
**Category:** Tips and Tricks
**Created:** [September 7, 2022, 3:30pm UTC](https://forum.bootstrapstudio.io/t/text-image-combination-how-to/9356 "2022-09-07T15:30:48Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![rumede](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/r/a6a055/32.png) [@rumede](https://forum.bootstrapstudio.io/u/rumede)
#### Post date: [September 7, 2022, 3:30pm UTC](https://forum.bootstrapstudio.io/t/text-image-combination-how-to/9356/1 "2022-09-07T15:30:48Z")

</div>

I saw this design on a page on the net:

 ![overlay](https://forum.bootstrapstudio.io/uploads/default/original/2X/5/5c879ad0d5029e868c2fe26c81b0c8d167eaa5d6.jpeg)

- The image column and text column overlap horizontally.
- The text column starts vertically lower than the image column.

Can I somehow achieve this layout with the Bootstrap tools (Row, Cols)? Is it possible with existing classes? Can anyone help me here?

Thank you all.  
Greetings Reto

---

<div class="post-metadata">

### Author: ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)
#### Post date: [September 7, 2022, 3:46pm UTC](https://forum.bootstrapstudio.io/t/text-image-combination-how-to/9356/2 "2022-09-07T15:46:05Z")

</div>

You can do it by using standard columns (in this case two, set with a class of col-md-6)

In the second column add a div with class of textbox

Add the following to your css

```auto
@media (min-width: 768px) {
  .textbox {
    margin-top: 10rem;
    margin-left: -5rem;
    padding: 3rem;
  }
}

```

The media query is set so that below 768px width the textbox will be a standard vertical stack.

Example here:

[https://magic-star-1522.bss.design/](https://magic-star-1522.bss.design/)

---

<div class="post-metadata">

### Author: ![rumede](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/r/a6a055/32.png) [@rumede](https://forum.bootstrapstudio.io/u/rumede)
#### Post date: [September 9, 2022, 9:53am UTC](https://forum.bootstrapstudio.io/t/text-image-combination-how-to/9356/3 "2022-09-09T09:53:27Z")

</div>

@richards Wow, thank you. Its exactly that, that i need. WOW.