Centering Cards in a Vertical Stack

Configuration Frontend
1

I’m working on putting together a vertical stack within a Bubble Card popup and can’t seem to figure out how to get the vertical stack elements to be vertically centered.

I’ve pinpointed the particular card that I need to add styling to and when I add the CSS in the Chrome Inspector, it centers, as expected:

Centering Cards in Vertical Stack 2
Centering Cards in Vertical Stack 23157×1067 384 KB

But when I try to do the same in the editor (by adding the following after line 23), it seems to have no effect:

hui-card {
  margin: 0 auto;
}

Does anyone have any insight to what I’m missing here?

2

Not using bubbles myself. Imho you cannot add “hui-card” selector in “style” since this element is on a higher level.

I would suggest you to simplify - replace custom cards with standard (Entity, Markdown) and then learn how to achieve a desired effect.

3

I figured it out! I needed to add “justify-content: center” to the grid styling for those buttons.

Thought I tried it before but I guess I hadn’t.