The columns appear vertically because when printing, the viewport is considered quite narrow. For the column blocks to appear horizontally next to each other, they have this in the CSS for the core/columns
block:
@media (min-width:782px) {
.wp-block-columns {
flex-wrap:nowrap!important
}
}
This media query does not pass when printing, thus the columns appear vertically. You may wish to add your own CSS to apply this when printing, for example:
@media print {
.wp-block-columns {
flex-wrap:nowrap!important
}
}
You may also wish to qualify this with an extra class to ensure the above would not affect any other columns blocks:
<!-- wp:columns {"className":"foo",…} -->
<div class="wp-block-columns foo">
@media print {
.wp-block-columns.foo {
flex-wrap:nowrap!important
}
}
Related Posts:
- Why is the new Gutenberg editor so narrow, and how to make it wider?
- Is it possible to create column width presets in Gutenberg?
- How to make 2/3 width column in Gutenberg
- Create a trailing block with programatically generated Gutenberg columns
- How to get blocks with same heigh in columns?
- I want to horizontally align items in multiple parallel columns under one column block
- How to detect the usage of Gutenberg
- Possible to use @wordpress/create-block with multiple blocks?
- The Block Editor: Disable “Color settings” in the specific block
- Serialize custom block with InnerBlock
- What replaces wpColorPicker in Gutenberg?
- Gutenberg Range Control default from meta value
- Find all the places where a block type is used
- Why does the custom HTML block not preserve the HTML characters?
- Can’t get dynamic Gutenberg block to render on the frontend
- Gutenberg change/remove “Write your story” placeholder in custom blocks
- How do I listen for a change in an innerBlock child?
- How to enable Gutenberg Block Editor on taxonomy term pages?
- What’s the absolute minimum code that I need to create a dynamic block?
- Change default colors in paragraph block settings
- Gutenberg Reusable Block of WordPress
- Add custom attributes to link in Gutenberg
- How do I add a Gutenberg editor to a custom options page
- Custom Gutenberg Block: Excluding an allowed block from InnerBlock’s templateLock={‘all’}
- Is there a way to set the gutenberg color palette outside the theme?
- Gutenberg get withState variable in save function
- how define elements type in attributes type array of gutenberg blocks
- Convert GMT time to local time in Gutenberg Block Editor
- Restrict heading level in Gutenberg block `core/heading`
- I cant see Block Editor with v5.7
- How to update block attribute after format is applied?
- How to add a class to the link of the default Gutenberg Button block?
- How to identify what templates are being loaded in a block-based theme [closed]
- Check if current page is using blocks (Gutenberg) or is legacy
- Add support for ‘alignnone’ to Gutenberg block align controls?
- Converting a theme to Gutenberg but some styles are missing in the front end [closed]
- React useEffect not work in frontend gutenberg blocks
- Gutenberg Block language translation does not work
- How to generate block ID for use in post_content JSON data
- Where in a WordPress installation is the code for the default Gutenberg blocks located? [duplicate]
- Display selected image in the MediaPlaceholder component
- ACF and Gutenberg block, how to use blocks without ?
- Submitting a block to the .org repo: do I submit compiled code, or source code? [closed]
- Using 2 HTML blocks in Gutenberg to wrap content with div
- Add button to Block toolbar: toggleFormat is undefined
- In a block transform, how do I insert innerBlocks?
- What is the name of the user capability to read a reusable block?
- Gutenberg – Prevent Column Nesting in the Visual Editor
- Gutenberg blocks (block editor) with get_the_excerpt and get_the_content, using ACF
- Basic use of useState
- Gutenburg: Remove border of selected block
- Unwanted white space next to inputs added within `PluginDocumentSettingPanel` using “
- apiFetch() returns infinite requests
- ToolbarDropdownMenu component missing from @wordpress/scripts package
- Gutenberg Custom Block Not Validating – Ideas?
- Gutenberg dynamic block render_callback gives null for $post
- Editing HTML structure of Gutenberg layout recent post?
- How to add srcdoc attribute to YouTube oEmbed in Gutenberg oEmbed Block
- Pass props / function to InnerBlocks
- Categories in Gutenberg
- Block editor: content resets to the previous state in “Edit as HTML” by clicking somewhere outside of the editing window
- Possible to add the title of a custom gutenberg block to the edit screen?
- Post Format Link using Guttenberg
- How do I hide the UI for specific Gutenberg Blocks?
- Creating a Dynamic InnerBlock that updates depending on state
- Resizing images on page
- When to use removeEditorPanel()
- Error After Installing Gutenberg plugin (caused by attempt to stop WP from stripping out tags)
- Block validation failed – escaped HTML in content save
- Add media dynamically on gutenberg block
- FormTokenField passing objects to value property
- Trying to save an object into post meta with wp.data.dispatch(‘core/editor’).editpost
- Core Block Columns Attributes for Innerblocks Template
- How to condition appearance of a gutenberg block via wp_is_mobile
- How to automatically reload style variant .json?
- Block editor not loading with rest api custom code
- In Full Site Editing, how do I get the templates I created to appear in the site editor when populating a new page?
- Dynamically add table of contents and add anchor based on heading innerHTML
- How to defer block.json scripts?
- Block validation: Block validation failed – Custom WordPress Gutenberg Block Fails In Editor when reloaded
- How can I prevent a user from selecting exactly one of two (not both or none) categories on a post?
- How to add a tooltip for MediaReplaceFlow from @wordpress/block-editor
- Star Rating block is not present from list of blocks or from / shortcut
- Gutenberg: is is possible to get the current permalink of the post?
- Implementation of React-Datepicker component with Gutenberg in WordPress
- How disable settings on core/image (Gutenberg) block
- WP dynamic block – change content without saving
- Innerblocks isn’t adding new blocks when template changes
- What happened to the Menu Order option for posts (for ordering posts by Menu Order in Block Editor (Gutenberg)?
- How to prevent the core/group block from being ungrouped?
- Get FontSize from the InspectorControls Standard Control (typography.fontSize)
- Splide carousel block – innerBlocks not selectable after innerBlocks change
- Translating Gutenberg Block – JSON Translation Files Not Loading
- ServerSideRender crashes block in editor
- TT3 make img in 2nd column same height as content of 1st column
- How to apply a class to a portion of text in a paragraph block?
- How to apply block transforms for a block with innerBlocks?
- Prevent block variation inside certain parent blocks
- Filtering the Navigation Block
- Using Nested Blocks With Custom Query Block