# Move things to front

**URL:** <https://forum.bootstrapstudio.io/t/move-things-to-front/7833>\
**Category:** Webdesign Help\
**Created:** [September 20, 2021, 1:09pm UTC](https://forum.bootstrapstudio.io/t/move-things-to-front/7833 "2021-09-20T13:09:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![benwrth](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/benwrth/32/1304_2.png) [@benwrth](https://forum.bootstrapstudio.io/u/benwrth)\
**Post date:** [September 20, 2021, 1:09pm UTC](https://forum.bootstrapstudio.io/t/move-things-to-front/7833/1 "2021-09-20T13:09:05Z")

</div>

Hi all,  
I am making a site which involves links to social media, and I would like to have the social icon overlap the button. However while doing this I have come across a slight issue - I can’t find anywhere to change what is displayed at ‘the front’, so this is what it currently looks like:

 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/7/74b63e49a738bae337fe852028606a9f49873883.png)

How can I change this? I tried editing the ‘order’ setting in the options panel however that didn’t change anything.

Thanks in advance,  
Ben.

---

<div class="post-metadata">

**Author:** ![floydmanfloyd](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/floydmanfloyd/32/926_2.png) [@floydmanfloyd](https://forum.bootstrapstudio.io/u/floydmanfloyd)\
**Post date:** [September 20, 2021, 2:05pm UTC](https://forum.bootstrapstudio.io/t/move-things-to-front/7833/2 "2021-09-20T14:05:06Z")

</div>

Try adding a z-index to the social icons parent element. Can you post a screen shot of the expanded html area where you have the icons and buttons? For example

.social {  
z-index: 1000;  
}

---

<div class="post-metadata">

**Author:** ![benwrth](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/benwrth/32/1304_2.png) [@benwrth](https://forum.bootstrapstudio.io/u/benwrth)\
**Post date:** [September 20, 2021, 2:34pm UTC](https://forum.bootstrapstudio.io/t/move-things-to-front/7833/3 "2021-09-20T14:34:10Z")

</div>

Hi @floydmanfloyd,  
Adding that z-index worked perfectly, thank you!

---

<div class="post-metadata">

**Author:** ![floydmanfloyd](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/floydmanfloyd/32/926_2.png) [@floydmanfloyd](https://forum.bootstrapstudio.io/u/floydmanfloyd)\
**Post date:** [September 20, 2021, 2:43pm UTC](https://forum.bootstrapstudio.io/t/move-things-to-front/7833/4 "2021-09-20T14:43:34Z")

</div>

Your welcome Ben 👍