You are here

Home » API reference » ElevateZoom Plus 8

elevatezoomplus.css in ElevateZoom Plus 8

Same filename and directory in other branches
  1. 7 css/elevatezoomplus.css

File

css/elevatezoomplus.css
View source 
  1. /**

  2.  * @file

  3.  */

  4. 

  5. .elevatezoomplus-wrapper,

  6. .elevatezoomplus-wrapper *,

  7. .elevatezoomplus-wrapper *::before,

  8. .elevatezoomplus-wrapper *::after {

  9.   box-sizing: border-box;

  10. }

  11. 

  12. .elevatezoomplus-stage {

  13.   min-height: 180px;

  14. }

  15. 

  16. .elevatezoomplus {

  17.   margin-left: auto;

  18.   margin-right: auto;

  19. }

  20. 

  21. .elevatezoomplus-wrapper--on .slick__arrow,

  22. .elevatezoomplus-wrapper--on .slick-dots,

  23. .elevatezoomplus-wrapper--on .splide__arrows,

  24. .elevatezoomplus-wrapper--on .splide__pagination {

  25.   z-index: 1001;

  26. }

  27. 

  28. /** This is all we need to integrate with any lightbox. */

  29. .ZoomContainer {

  30.   pointer-events: none;

  31. }

  32. 

  33. /** The library adds position: absolute, making it collapsed without width. */

  34. .zoomWrapper .elevatezoomplus {

  35.   width: 100%;

  36. }