# Unit 2, Lesson 12/13 Website Development: Layering text over image?

**URL:** <https://forum.code.org/t/unit-2-lesson-12-13-website-development-layering-text-over-image/37213>\
**Category:** Unit and Lesson Discussion\
**Created:** [November 9, 2022, 2:26pm UTC](https://forum.code.org/t/unit-2-lesson-12-13-website-development-layering-text-over-image/37213 "2022-11-09T14:26:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbrumbaugh](https://avatars.discourse-cdn.com/v4/letter/j/9de0a6/32.png) [@jbrumbaugh](https://forum.code.org/u/jbrumbaugh)\
**Post date:** [November 9, 2022, 2:26pm UTC](https://forum.code.org/t/unit-2-lesson-12-13-website-development-layering-text-over-image/37213/1 "2022-11-09T14:26:45Z")

</div>

I have a student who wanted to put a background color in- found one and now wants to put her text over top. We can’t seem to figure it out! What am I missing?

---

<div class="post-metadata">

**Author:** ![wutadam](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/wutadam/32/7711_2.png) [@wutadam](https://forum.code.org/u/wutadam)\
**Post date:** [November 9, 2022, 4:02pm UTC](https://forum.code.org/t/unit-2-lesson-12-13-website-development-layering-text-over-image/37213/2 "2022-11-09T16:02:20Z")

</div>

If you’re using a solid color as the background, you can just use the `background` rule in CSS.

```css
.element {
  background: color;
}

```

---

<div class="post-metadata">

**Author:** ![jbrumbaugh](https://avatars.discourse-cdn.com/v4/letter/j/9de0a6/32.png) [@jbrumbaugh](https://forum.code.org/u/jbrumbaugh)\
**Post date:** [November 9, 2022, 4:05pm UTC](https://forum.code.org/t/unit-2-lesson-12-13-website-development-layering-text-over-image/37213/3 "2022-11-09T16:05:12Z")

</div>

thank you! She actually found an image/bordered color that she wanted to use. She wants to add text to the center of the bordered color.

---

<div class="post-metadata">

**Author:** ![mwood](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mwood/32/4941_2.png) [@mwood](https://forum.code.org/u/mwood)\
**Post date:** [November 9, 2022, 9:28pm UTC](https://forum.code.org/t/unit-2-lesson-12-13-website-development-layering-text-over-image/37213/4 "2022-11-09T21:28:02Z")

</div>

@jbrumbaugh,

If you can share a link to her site, that would be helpful. I’m not quite imagining what she is trying to do.

You can also add an image as a background by inserting the image in the .css code rather than in the html code.

> **[background-image - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)**
>
> The background-image CSS property sets one or more background images on an element.

Mike