The CSS uses :has to center all blocks with an h1 tag.

Also center any blocks with ".center" class

And make ".bg" block full width (as a bg)

Title Text

Title Text

.sl-block:has(.bg) {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;  
}
.sl-block:has(.center),
.sl-block:has(h1) {
  
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;  
  
  .sl-block-content {
    display: grid;
    place-items: center;
  }
}

asdfasfasdf

adfasdfasdf

Title Text

  • Bullet One
  • Bullet Two
  • Bullet Three

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

Title Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

asdfadsf
asdfasdf
asdfasdf

CSS Center BG and H1

By makzan

CSS Center BG and H1

  • 275