CSS `place-content` and `place-items` are Stripped Using a CSS Block

Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins

Just playing around with a slideshow. It is supposed to center a Slideshow Title in top/bottom and left/right. I placed this on a CSS Block:

.sm-user-ui .sm-tile-title {
  display: grid;
  place-content: center;
}

.sm-user-ui .sm-tile-info .sm-tile-title {
  color: white;
  font-size: 3em;
}

.sm-user-ui .sm-tiles-info-over .sm-tile-info {
  bottom: 50%;
  padding: 1em 0;
}

.sm-user-ui .sm-tile-content > .sm-tile-info {
  background: rgba( 0, 0, 0, 0 );
}

.sm-user-ui .sm-tile-caption {display: none;}

It doesn't center left/right because place-content: center; is stripped. I placed the CSS in my theme's custom CSS section and it works.

Comments

Sign In or Register to comment.