Core spacing supports for ACF blocks

• matt666

• November 13, 2022 at 5:30 am

Hello.
Building some custom ACF blocks, and can’t get the spacing attribute to show in the php template ie frontend.

My block.json looks like:
…

"supports": {
   "align": true,
   "spacing": {
      "margin": true
   }
}

…

I can get the spacing to work in the editor, but nothing is being set in the frontend. I tried in my php template:

$classes .= ' ' . $block['style']['margin'];
$classes .= ' ' . $block['spacing']['margin'];
$classes .= ' ' . $block['spacing'];
$classes .= ' ' . $block['margin'];

but none of them spit out a anything in the frontend.

Any help would be appreciated

• JoshHardman

• December 1, 2022 at 8:18 am

Try this:

$classes .= ' ' . $block['style']['spacing']['margin']['top'];

• matt666

• April 5, 2023 at 5:27 am

Hi,

thanks but it is not working.

• Pezzatron11

• April 27, 2023 at 9:02 am

Having a similar issue where any spacing attributes I try to set via the Gutenberg editor don’t render on the front-end.

if( !empty($block['style']['paddingTop']) ) {$styles .= 'padding-top:' . $block['style']['paddingTop'] . ';';}

Any ideas?

• JoshHardman

• April 27, 2023 at 9:05 am

Try this

if( !empty($block['style']['spacing']['padding']) ) {$styles .= 'padding-top:' . $block['style']['spacing']['padding']['top'] . ';';}

• Pezzatron11

• April 27, 2023 at 9:16 am

Worked a treat! Thank you.