Z-index for groups

Hey,

I’d like to set some z-index on two groups as I’m using negative margins.
I tried to apply CSS code by setting an ID to each group.

#groupunder{
position: relative;
z-index: 1;
}

#groupover{
position: relative;
z-index: 20;
}

But I wonder why it doesn’t work. Any idea ?

Sometimes, some CSS will get overridden directly by the element, and I do believe z-index is one of them. This is just how Bubble turns your bubble-app into a website.

To force them to be the current CSS, try adding “!important” to the end. Such as:

#groupunder{
position: relative !important;
z-index: 1 !important;
}

#groupover{
position: relative !important;
z-index: 20 !important;
}
1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.