# Mautic theme background

**URL:** <https://forum.mautic.org/t/mautic-theme-background/2965>\
**Category:** Design\
**Created:** [December 13, 2015, 7:33pm UTC](https://forum.mautic.org/t/mautic-theme-background/2965 "2015-12-13T19:33:24Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![devlight](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devlight](https://forum.mautic.org/u/devlight)\
**Post date:** [December 13, 2015, 7:33pm UTC](https://forum.mautic.org/t/mautic-theme-background/2965/1 "2015-12-13T19:33:24Z")

</div>

I’ve got problem with creating **full screen background** using a slot. User need to change the background for each landing page.  
  
What is the best way to create full screen background using a slot.  
  
  
  
Also, can I create such thing like slot inside slot?

---

<div class="post-metadata">

**Author:** ![devlight](https://avatars.discourse-cdn.com/v4/letter/d/e495f1/32.png) [@devlight](https://forum.mautic.org/u/devlight)\
**Post date:** [December 13, 2015, 7:33pm UTC](https://forum.mautic.org/t/mautic-theme-background/2965/2 "2015-12-13T19:33:24Z")

</div>

I’ve got problem with creating full screen background using a slot. User need to change the background for each landing page.  
What is the best way to create full screen background using a slot.

Also, can I create such thing like slot inside slot?

---

<div class="post-metadata">

**Author:** ![escopecz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/escopecz/32/370_2.png) [@escopecz](https://forum.mautic.org/u/escopecz)\
**Post date:** [December 14, 2015, 4:15pm UTC](https://forum.mautic.org/t/mautic-theme-background/2965/3 "2015-12-14T16:15:22Z")

</div>

I’d suggest to create a new slot type for it. I can’t think of any other solution.

Slot inside slot? Maybe try to create HTML textarea inside HTML textarea. If that would work, I think the slot inside slot could work as well.

---

<div class="post-metadata">

**Author:** ![himanshukatyal23](https://avatars.discourse-cdn.com/v4/letter/h/258eb7/32.png) [@himanshukatyal23](https://forum.mautic.org/u/himanshukatyal23)\
**Post date:** [December 15, 2015, 7:18am UTC](https://forum.mautic.org/t/mautic-theme-background/2965/4 "2015-12-15T07:18:27Z")

</div>

Here is the code to create textarea inside text area

 Test Embedded textareas #outside { position:absolute; top:0; left:0; z-index:0; width:400px; height:400px } #inside { position:absolute; top:100px; left:100px; z-index:1; width:200px; height:200px; }

```
<div>

    <textarea id="outside" rows="10" cols="80">
        Outside Textarea
    </textarea>

    <textarea id="inside" rows="5" cols="60">
        Inside Textarea
    </textarea>

</div>

```

---

<div class="post-metadata">

**Author:** ![escopecz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/escopecz/32/370_2.png) [@escopecz](https://forum.mautic.org/u/escopecz)\
**Post date:** [December 15, 2015, 7:48am UTC](https://forum.mautic.org/t/mautic-theme-background/2965/5 "2015-12-15T07:48:22Z")

</div>

Well, that is one textarea below another textarea, but if that is what you need and if you don’t mind it is made by absolute positioning, you can use the same for the slots.

---

<div class="post-metadata">

**Author:** ![silavapi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/silavapi/32/7424_2.png) [@silavapi](https://forum.mautic.org/u/silavapi)\
**Post date:** [February 2, 2020, 10:56pm UTC](https://forum.mautic.org/t/mautic-theme-background/2965/6 "2020-02-02T22:56:31Z")

</div>