Advertisement
s-sols

Untitled

Apr 28th, 2024
1,012
0
14 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.73 KB | None | 0 0
  1. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  2.     --thmb-top: 81px;
  3.     position: relative;
  4.     overflow: visible !important;
  5.     width: 100% !important;
  6. }
  7.  
  8.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(1n+2) {
  9.         position: absolute;
  10.         left: -69px;
  11.         width: unset !important;
  12.     }
  13.  
  14.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(1) {
  15.         overflow: hidden;
  16.     }
  17.  
  18.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(1n+2) img {
  19.         aspect-ratio: 1;
  20.         width: 68px;
  21.         border: 1px solid #d9d9d9;
  22.         object-fit: cover;
  23.     }
  24.  
  25. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__image.mf-product-video {
  26.     display: none !important;
  27. }
  28.  
  29. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(2) {
  30.     border: 1px solid #fcb800;
  31. }
  32.  
  33. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(3) {
  34.     top: var(--thmb-top);
  35. }
  36.  
  37. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(4) {
  38.     top: calc(var(--thmb-top) * 2);
  39. }
  40.  
  41. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(5) {
  42.     top: calc(var(--thmb-top) * 3);
  43. }
  44.  
  45. body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .mf-product-detail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  46.     opacity: 1 !important;
  47. }
  48.  
  49.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .mf-product-detail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
  50.         width: 100% !important;
  51.     }
  52.  
  53.         body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .mf-product-detail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:nth-of-type(1n + 6) {
  54.             display: none !important;
  55.         }
  56.  
  57. @media screen and (max-width: 991px) {
  58.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(1) {
  59.         width: 100%;
  60.     }
  61. }
  62.  
  63. @media screen and (max-width: 767px) {
  64.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .mf-product-detail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:nth-of-type(1n + 5) {
  65.         display: none !important;
  66.     }
  67. }
  68.  
  69. @media screen and (max-width: 479px) {
  70.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-of-type(1n+5) {
  71.         display: none;
  72.     }
  73.  
  74.     body.single-product:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing) .mf-product-detail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:nth-of-type(1n + 4) {
  75.         display: none !important;
  76.     }
  77. }
  78.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement