Lightbox CSS conflicts with Twenty Fifteen theme

checked the theme: https://ibb.co/yqLg32V – it seems ok.
/wp-content/plugins/interactive-3d-flipbook-powered-physics-engine/assets/css/client.css has name 3d-flip-book-client, we use wp_enqueue_style(‘3d-flip-book-client’) to include it, i guess, you can filter it.

Thanks,
I have tried wp_deregister_style(‘3d-flip-book-client’); and wp_dequeue_style(‘3d-flip-book-client’); both as add_action and add_filter but cannot prevent that style sheet from loading.

I see my style flash for 1 second and get overwritten as soon as client.css is loaded.

Eric

For clarification, the lightbox itself works fine. It’s the body:before CSS rule that gets messed up.

Twenty-fifteen CSS:

body:before {
	background-color: rgba(20, 20, 45, 0.8);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	content: "";
	display: block;
	height: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 29.4118%;
	z-index: 0; /* Fixes flashing bug with scrolling on Safari */
}

3D Flipbook client.css:

body::before {
  position: fixed;
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -10;
  opacity: 0;
  transition: opacity 0.5s, z-index 0.5s step-end;
}

But being able to prevent client.css from loading would also allow me to adjust other things.

Eric

Same problem in that wp_dequeue_style and wp_deregister_style have no effect.

What worked for me was:
register identical style_id to a new file

function my_assets_dequeue() {
	wp_register_style( '3d-flip-book-font-awesome', get_stylesheet_directory_uri() . '/style_or3d.css', false, '1.0.0' );
} 
add_action( 'wp_enqueue_scripts', 'my_assets_dequeue', 999);

and then adding an empty or overriding css file to your theme folder.

The forced font awesome version loaded by 3D is conflicting with a more current version already loaded trough my bootstrap.

• This reply was modified 3 years, 3 months ago by pietpompies.