webpagefxim

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

Jan 10th, 2024 (edited)
8,022
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.74 KB | None | 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: #ff0000;
  6.         color: rgba(255,255,255,1);
  7.         border-color: #ff0000;
  8.         font-size: 12px;
  9.     }
  10.    
  11.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper:hover .boost-pfs-addtocart-btn {
  12.         background: #a91212;
  13.         border-color: #a91212;
  14.     }
  15.  
  16.     .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn svg {
  17.         font-size: 16px;
  18.         width: 16px;
  19.         line-height: 38px;
  20.     }
  21.  
  22.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper {
  23.         opacity: 1;
  24.         top: unset !important;
  25.         bottom: 1px;
  26.         transform: unset !important;
  27.     }
  28.  
  29.     .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn .boost-pfs-addtocart-btn-text {
  30.         display: inline
  31.     }
  32. }
  33.  
  34. @media (min-width: 1200px) {
  35.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper {
  36.         opacity: 1;
  37.         top: unset !important;
  38.         bottom: 1px;
  39.         transform: unset !important;
  40.     }
  41.    
  42.     .boost-pfs-action-list-enabled .product-card {
  43.         border-bottom: none;
  44.         margin-bottom: 40px;
  45.     }
  46.    
  47.     .boost-pfs-action-list-enabled .product-card .product-card__info {
  48.         position: absolute !important;
  49.     }
  50.    
  51.        
  52.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper:hover .boost-pfs-addtocart-btn {
  53.         background: #a91212;
  54.         border-color: #a91212;
  55.     }
  56.    
  57.     .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper .boost-pfs-addtocart-btn {
  58.         background: #ff0000;
  59.         color: rgba(255,255,255,1);
  60.         border-color: #ff0000;
  61.     }
  62.    
  63. }
Advertisement
Comments
  • User was banned
Add Comment
Please, Sign In to add comment