Gutenberg – Custom Styles

We have added these styles to Core blocks:

• core/paragraph - No Spacing - Remove the bottom spacing.

• core/heading - No Spacing - Remove the bottom spacing.

• core/button - Transparent - Remove the background and border of the button.

• core/columns - Wide Gap - Widen the gap between columns.

• core/columns - No Gap - Remove the gap between columns.

• core/media-text - Smaller Image and Larger Image - Make the image smaller or larger than the content area.

• core/spacer - Negative - Change the Height into negative bottom margin to create out-of-frame effect.

  

• core/gallery - Thumbnails - Gallery with links. Can have various widths and heights.

  

• core/gallery - Slider - Turn each row of the Gallery into slides.

  

• core/cover - Below Header - If used as the first block, the Header will become transparent and overlayed above the Cover.

  This will add h-has-cover-below-header class to the body.

  The Header becomes opaque again when its sticky position is reached. This means you need a Subheader or add a top margin on the Header.

  

• core/quote - Timeline - Create a timeline with story on the left, right, or center.