# Change Z-index With Action

**URL:** <https://forum.bubble.io/t/change-z-index-with-action/194841>\
**Category:** Need help\
**Created:** [March 6, 2022, 2:04pm UTC](https://forum.bubble.io/t/change-z-index-with-action/194841 "2022-03-06T14:04:46Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![dannyliu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/dannyliu/32/123904_2.png) [@dannyliu](https://forum.bubble.io/u/dannyliu)\
**Post date:** [March 6, 2022, 6:37pm UTC](https://forum.bubble.io/t/change-z-index-with-action/194841/4 "2022-03-06T18:37:05Z")

</div>

> [@r.sorrell](#):
>
> to help change the z-index after the click of a button?
> 
> My example is that I want to be able to have an uploaded picture with a transparent element. Then a user uploads a photo on top of it and that on save, the orders are flipped?
> 
> Any help would be great!

This can be done easily with CSS – you can look at the Classify plugin by @julienallard1 to assign your bubble element to a class ([🔥 Classify 4: A tiny plugin that brings CSS classes and +](http://forum.bubble.io/t/classify-a-tiny-plugin-that-brings-css-power-to-bubble/67741))

The code would look something like _Z-index: -1_; for the image on the bottom, and _Z-index: 0;_ for the image on top. You could also look into css documentation to do more with it.

---

_[View the full topic](https://forum.bubble.io/t/change-z-index-with-action/194841)._