Tips and tricks

Gutenberg - uneven columns

Go to your editor. Add 3 columns for example

Let’s say we want the first and last column at 10% width

Write for the COLUMN element the Additional CSS Class of first-last-10perc

Go to Dashboard > Customize > Extra css and enter

.first-last-10perc >.wp-block-column:first-child{
	flex-basis: calc(10% - 16px);
}
.first-last-10perc >.wp-block-column:last-child{
	flex-basis: calc(10% - 16px);
}

Leave a comment

Your email address will not be published

{"type":"main_options","images_arr":"'#ffffff'","bg_slideshow_time":"0","site_url":"https:\/\/digitalzoomstudio.net","theme_url":"https:\/\/digitalzoomstudio.net\/wp-content\/themes\/qucreative\/","is_customize_preview":"off","gallery_w_thumbs_autoplay_videos":"off","base_url":"https:\/\/digitalzoomstudio.net"}