Meta tags:
description= WordPress Block Spacing.;
Headings (most frequently used words):
block, spacing, learning, outcomes, comprehension, questions, transcript, presenters, workshop, details,
Text of the page (most frequently used words):
the (38), and (27), block (24), you (23), #spacing (23), wordpress (18), blocks (13), can (13), learn (10), have (9), will (9), change (7), now (6), space (6), vertical (6), between (6), visit (5), org (5), get (5), for (5), this (5), view (5), option (5), our (4), about (4), open (4), are (4), select (4), below (4), slider (4), set (4), custom (4), pixels (4), account (3), let (3), tutorials (3), example (3), that (3), two (3), settings (3), use (3), make (3), your (3), merely (3), together (3), once (3), ahead (3), dimensions (3), different (3), add (3), right (3), horizontal (3), remove (3), search (3), wordcamp (2), patterns (2), themes (2), plugins (2), showcase (2), developers (2), support (2), hosting (2), news (2), source (2), content (2), under (2), online (2), workshop (2), transcript (2), english (2), going (2), look (2), parent (2), list (2), then (2), drag (2), down (2), they (2), able (2), zero (2), next (2), notice (2), click (2), three (2), dots (2), controls (2), value (2), all (2), say (2), setting (2), using (2), also (2), sides (2), left (2), tutorial (2), how (2), web (2), 2022 (2), nov (2), linkedin, instagram, twitter, facebook, page, public, code, privacy, matt, com, bbpress, buddypress, involved, donate, instructional, designer, project, sponsored, automattic, strong, supporter, movement, background, education, development, husband, father, dreamer, lifelong, learner, west7, wes, theron, presenters, work, licensed, creative, commons, attribution, sharealike, international, license, know, found, typo, grammar, error, outdated, screenshot, suggestions, join, live, print, subtitles, language, mins, length, details, more, training, material, last, buttons, firstly, ensure, button, enlarge, smaller, even, another, orientation, exactly, same, with, would, like, rid, both, group, them, grouped, container, cover, merged, create, really, cool, parallax, effect, want, columns, way, but, there, explore, any, additional, dimension, not, currently, listed, selected, bring, size, within, values, own, lastly, unlink, allow, separately, reset, one, find, label, when, first, simultaneously, from, good, day, welcome, brief, take, closer, allows, nested, separate, control, over, grid, individual, comprehension, questions, resetting, grouping, activate, features, unlinking, sizes, locating, learning, outcomes, styled, many, ways, backgrounds, borders, padding, margin, text, alignments, course, blank, home, contribute, lesson, plans, courses, workshops, enterprise, gutenberg, five, future, job, board, photo, directory, meetups, community, forums, mobile, openverse, download, extend, register, log, skip, wayback, machine, http, archive, 20221130071709, https, timestamps, capture, fail, success, 2023, 2021, dec, oct, sep, 2026, captures,
Text of the page (random words):
block spacing learn wordpress 26 captures 15 nov 2022 13 sep 2026 oct nov dec 30 2021 2022 2023 success fail about this capture timestamps the wayback machine http web archive org web 20221130071709 https learn wordpress org tutorial block spacing skip to content log in register wordpress org news download extend get wordpress themes patterns plugins openverse mobile hosting learn learn wordpress support forums wordpress tv developers community make wordpress wordcamp meetups photo directory job board five for the future about about wordpress showcase gutenberg enterprise get wordpress search get wordpress learn wordpress tutorials online workshops courses lesson plans contribute search for search learn home tutorials block spacing block spacing blocks can be styled in many different ways they can have different backgrounds borders padding margin text alignments and of course spacing learn how to remove or add blank space between your blocks learning outcomes locating the block spacing settings below dimensions using the block spacing slider and setting custom spacing sizes unlinking sides grouping blocks to activate block spacing features resetting block spacing comprehension questions how can you remove space between individual blocks do you have separate control over the vertical and horizontal spacing between blocks in a grid transcript good day and welcome to learn wordpress in this brief tutorial we are going to take a closer look at block spacing it allows you to add or remove space between nested blocks block spacing is one of the controls you will find under the label dimensions when you open up settings the first option you have is to use the slider below block spacing to change the vertical and horizontal space between blocks simultaneously and as you will notice you can merely drag from left to right and right to left the next option is to set a custom size within the setting you can set block spacing using different values so i ll go ahead and change it to pixels and now i can add my own custom value let s say 10 pixels or you can use the slider on the right lastly you also have the option to unlink sides this will allow you to set the vertical and horizontal spacing separately and if you click on the three vertical dots you also have the option to reset all in the next example i want to change the block spacing of the columns block so once i select the parent block i will make my way down to dimensions but now we will notice there s no block spacing if you click on the three vertical dots you will be able to explore any additional dimension controls not currently listed and now we can merely select block spacing and once selected i will go ahead and set a custom value of zero pixels to bring all the blocks together or we can change it to let s say for example 50 pixels if you have two blocks with a space in between that you would like to get rid of you can merely select both of the blocks in your list view and then group them together and once they are grouped together in a container block you will be able to change the block spacing i will go ahead and change the block spacing to zero and now the two cover blocks are merged and create this really cool parallax effect in the last example we are going to look at the buttons block firstly ensure that you select the parent block as i have two button blocks in the list view and then open up settings and now below block spacing we can use the slider to enlarge the space or to make it smaller or you can even drag up and down below block spacing another option you have is to change the orientation of your blocks to vertical and now we can do exactly the same and that s it visit learn wordpress for more tutorials and training material workshop details length 3 mins language english subtitles english transcript view print view view join a live online workshop suggestions found a typo grammar error or outdated screenshot let us know this work is licensed under a creative commons attribution sharealike 4 0 international license presenters wes theron west7 i am an instructional designer for the wordpress open source project sponsored by automattic i am a strong supporter of the open source movement i have a background in education and content development i am a husband father dreamer and lifelong learner about news hosting donate support developers get involved learn showcase plugins themes patterns wordcamp wordpress tv buddypress bbpress wordpress com matt privacy public code wordpress org wordpress org visit our facebook page visit our twitter account visit our instagram account visit our linkedin account
|
