How to get custom html block type go full width?

  • Resolved nickk40

    (@nickk40)


    5 years, 2 months ago

    Using WordPress 5.6.1, on a page I would like to add a Custom HTML block type that takes on the Full width of the viewport. To this end, I created a Group with full width alignment and in that group a Custom HTML block type. This produces the following result:

    <div class="wp-block-group alignfull">
  <div class="wp-block-group__inner-container">
    <p>...

    Although the div for the group is indeed full width, the custom html block (the 2nd div above) is still only content width. How can I make the custom html block the full width of the viewport?

    • This topic was modified 5 years, 2 months ago by nickk40.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Alan Fuller

    (@alanfuller)

    5 years, 2 months ago

    This would all depend on the CSS of your theme.

    What theme are you using?

    Thread Starter nickk40

    (@nickk40)

    5 years, 2 months ago

    I’m using the free version of Astra. But I’ve figured it out. I added a class name to the group and then added custom css:

    .new-class .wp-block-group__inner-container {
	max-width: none!important;
	width: 100vw;
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to get custom html block type go full width?’ is closed to new replies.