Support

Account

Home Forums Gutenberg ACF Block Inline Styles Not Displaying

Unread

ACF Block Inline Styles Not Displaying

  • I’m using ACF Blocks and the block I’ve built shows in the back end and the front end! Yaay!

    However, some inline styles of created within the block template file are, for some reason, not displaying. The style rules do not show up for the block below. However, I do have another block that I built where the style rules DO show. Head scratcher. Not sure what I’m doing wrong.

    <?php
    /**
     * Block template file: /app/wp-content/mu-plugins/custom-functionality/blocks/inc/../views/block-heading-w-icon.php
     *
     * Heading With Icon Block Template.
     *
     * @param   array $block The block settings and attributes.
     * @param   string $content The block inner HTML (empty).
     * @param   bool $is_preview True during AJAX preview.
     * @param   (int|string) $post_id The post ID this block is saved to.
     */
    
    // Create id attribute allowing for custom "anchor" value.
    $id = 'heading-with-icon-' . $block['id'];
    if ( ! empty( $block['anchor'] ) ) {
    	$id = $block['anchor'];
    }
    $hl           = get_field( 'hwi_heading_level' );
    $hwi_icon     = get_field( 'hwi_icon' );
    $font_size    = get_field( 'hwi_font_size' );
    $hwi_position = get_field( 'hwi_icon_position' );
    
    // Create class attribute allowing for custom "className" and "align" values.
    $classes = 'block-heading-with-icon';
    if ( ! empty( $block['className'] ) ) {
    	$classes .= ' ' . $block['className'];
    }
    if ( ! empty( $block['align'] ) ) {
    	$classes .= ' align' . $block['align'];
    }
    ?>
    
    <style type="text/css">
    /* help */
    </style>
     
    <div id="<?php echo esc_attr( $id ); ?>" class="<?php echo esc_attr( $classes ); ?>">
    	<<?php echo $hl; ?> id="<?php echo esc_attr( $id ); ?>" class="<?php echo esc_attr( $classes ); ?>"><?php the_field( 'hwi_heading_text' ); ?></<?php echo $hl; ?>>
    	<?php $hwi_icon = get_field( 'hwi_icon' ); ?>
    	<?php if ( $hwi_icon ) { ?>
    		<img src="<?php echo $hwi_icon['url']; ?>" alt="<?php echo $hwi_icon['alt']; ?>" id="<?php echo esc_attr( $id ); ?>" class="<?php echo esc_attr( $classes ); ?>"/>
    	<?php } ?>
    </div>
    <code></code>
Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.