[Resolved] Reduce Size of a Block Within Block Editor

Hi there,

I can’t recall a solution off the top of my head.

This isn’t something GP (any themes) can control though so I’d recommend checking with WP’s support team.

Thanks for your understanding 🙂

WP’s support team would be able to point you in the right direction if there is indeed a way.

Hi Math,

You can add a conditional rule in your current PHP code to target a specific page:

add_action( 'enqueue_block_editor_assets', function() {
    if(is_page(123)){
        wp_enqueue_style( 'my-block-editor-styles', get_stylesheet_directory_uri() . "/editor-style.css", false,'1.0', 'all' );
    }
} );

Kindly replace 123 with the ID of the specific page.

Hope this helps! 🙂

Fernando’s code should be added as a function using one of these methods:
Adding PHP: https://docs.generatepress.com/article/adding-php/

You can take a look at the conditional tags here:
https://codex.wordpress.org/Conditional_Tags#A_PAGE_Page

That should work for pages. Is the page you’re modifying a post? Kindly change it to is_single(13508) if so. Please check for any syntax error. Kindly check if the ID is indeed 13508 as well. 🙂

Alternatively, if that doesn’t work, you may use a plugin to implement custom CSS for specific pages. See: https://wordpress.org/plugins/simple-css/

Hope this helps. 🙂

I see. If you still wish to try, you may replace enqueue_block_editor_assets with wp_enqueue_scripts instead. I tested this on my test website and it works. I believe the likely reason why enqueue_block_editor_asset isn’t working is because it’s a hook being called much earlier wherein the page ID hasn’t been initiated yet.

add_action( 'wp_enqueue_scripts', function() {
    if(is_page(123)){
        wp_enqueue_style( 'my-block-editor-styles', get_stylesheet_directory_uri() . "/editor-style.css", false,'1.0', 'all' );
    }
} );

Hope this helps! Kindly let us know how it goes. 🙂

You’re welcome! If you like, you can also try hooking the action hook to the header to make sure the page has initiated first. Here is a sample code:

add_action( 'get_header', function() {
if(is_page(13508)){
	   add_action( 'wp_enqueue_scripts', function() {
     wp_enqueue_style( 'my-block-editor-styles', get_stylesheet_directory_uri() . "/editor-style.css", false,'1.0', 'all' ); 
} );
   }
    
} );

Tested this as well and it’s working on my test website.

Hope this helps and hope you figure out why it isn’t working. Feel free to reach out anytime if you’ll need assistance with anything else! 🙂