Full height Starscape container

  • Resolved mseu

    (@munich)


    5 years, 6 months ago

    I’d like to use the starscape plugin to fill the browser viewport not only full width but also full height.

    Love where automattic is taking us with their block experiments.

    If anyone had a css snippet to make the starscape container expand to full height would be great.

    .wp-block-a8c-starscape { min-height: 75em;}

    -or-

    .wp-block-a8c-starscape { height: 75em;}

    won’t do it.

    Any takers?

    • This topic was modified 5 years, 6 months ago by mseu. Reason: typo

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor Alex Lende

    (@ajlende)

    5 years, 6 months ago

    .wp-block-a8c-starscape { min-height: 100vh; } will force the starscape block to be the same height as the viewport.

    The stars, however, are static CSS generated by the block editor, so they do not scale with the viewport.

    There is an advanced option in the block settings sidebar called “Dimensions” which, when expanded, offers options for a max width and max height that the stars will cover (by default 1920×1080). This area can be increased at the cost of performance on lower-end devices, so I wouldn’t recommend increasing it if you have visitors to your site using those lower-end devices.

    Hope that helps!

Viewing 1 replies (of 1 total)

The topic ‘Full height Starscape container’ is closed to new replies.