webpagefxim

Fawcett Boat Supplies - A/B Test Variation #1 Styling

Jan 10th, 2024 (edited)
7,694
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.19 KB | Source Code | 0 0
  1. @media (max-width: 1119px) {
  2.     .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn {
  3.         width: 100%;
  4.         margin: 0;
  5.         background: rgba(0,0,0,1);
  6.         color: rgba(255,255,255,1);
  7.         border-color: rgba(0,0,0,1);
  8.         font-size: 12px;
  9.     }
  10.  
  11.     .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn svg {
  12.         font-size: 16px;
  13.         width: 16px;
  14.         line-height: 38px;
  15.     }
  16.  
  17.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper {
  18.         opacity: 1;
  19.         top: unset !important;
  20.         bottom: 1px;
  21.         transform: unset !important;
  22.     }
  23.  
  24.     .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn .boost-pfs-addtocart-btn-text {
  25.         display: inline
  26.     }
  27. }
  28.  
  29. @media (min-width: 1200px) {
  30.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper {
  31.         opacity: 1;
  32.         top: unset !important;
  33.         bottom: 1px;
  34.         transform: unset !important;
  35.     }
  36.  
  37.     .boost-pfs-action-list-enabled .product-card {
  38.         border-bottom: none;
  39.         margin-bottom: 40px;
  40.     }
  41.  
  42.     .boost-pfs-action-list-enabled .product-card .product-card__info {
  43.         position: absolute !important;
  44.     }
  45. }
Advertisement