Support » Plugin: Page Builder Gutenberg Blocks – CoBlocks » Hero Content Not Center

  • Resolved Bryce Jacobson

    (@drivenfaroff)


    When adding a height (“min-height” is what gets added via CSS) to the hero block, the following CSS .wp-block-coblocks-hero__inner:not(.is-fullscreen).hero-center-center-align: grid-template-rows: auto; seems to be collapsing the last row (3rd row) so the content doesn’t look vertically centered anymore. Disabling this CSS falls back to the line grid-template-rows: repeat(3, 1fr); which then shows the content center again but then doesn’t follow the “min-height” that was set.

    Is there a reason three grid rows are being added to the hero block? Changing it to one row .wp-block-coblocks-hero__inner.hero-center-center-align>.wp-block-coblocks-hero__box { grid-row: 1 } fixes the issue, but not sure if that’s the best method.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Rich Tabor

    (@richtabor)

    Hey @drivenfaroff, I’m not quite following 100%. Are you adding a height manually via CSS?

    Plugin Author Rich Tabor

    (@richtabor)

    And are you referring to vertically centered – or horizontally?

    Plugin Author Rich Tabor

    (@richtabor)

    Hi again @drivenfaroff – I actually figured out what’s going on and have prepared a pull request with the appropriate fix. We’ll roll this fix into our upcoming update slated for next week. Thanks for the report!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hero Content Not Center’ is closed to new replies.