Crop function overlay issue with Latest version of ACF

  • Seems there’s an issue with the latest version of ACF (v. 5.8.7) and the crop function. The overlay covers the crop box making it impossible to save the cropped image since the buttons are no longer accessible.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Indeed, the overlay is messed up. I ended up creating a css-file for the admin pages so I could hide the overlay.

    In functions.php of my theme:

    function custom_admin_css() {
	wp_enqueue_style( 'custom_admin_css', get_template_directory_uri() . '/admin.css', array(), filemtime( get_template_directory() . '/admin.css' ) );
}
add_action( 'admin_enqueue_scripts', 'custom_admin_css', 10 );

    And in the admin.css in the root of my theme:

    #acf-image-crop-overlay {
	display: none;
}
    • This reply was modified 4 years, 9 months ago by Tuuuukka.
    Thread Starter PDidee

    (@pdidee)

    In addition to adding display:none; to the #acf-image-crop-overlay I did a pseudo to add a new overlay.

    .acf-image-crop.cropping .crop-section:after{
	content:"";
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
	z-index: 2;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Crop function overlay issue with Latest version of ACF’ is closed to new replies.