webpagefxim icon

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

webpagefxim | PRO | 01/10/24 08:50:06 AM UTC (Edited) | 0 ⭐ | 4621 👁️ | Never ⏰ | []
CSS |

1.74 KB

|

None

|

0 👍

/

0 👎

@media (max-width: 1119px) {
    .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn {
        width: 100%;
        margin: 0;
        background: #ff0000;
        color: rgba(255,255,255,1);
        border-color: #ff0000;
        font-size: 12px;
    }
    
    .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper:hover .boost-pfs-addtocart-btn {
        background: #a91212;
        border-color: #a91212;
    }
 
    .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn svg {
        font-size: 16px;
        width: 16px;
        line-height: 38px;
    }
 
    .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper {
        opacity: 1;
        top: unset !important;
        bottom: 1px;
        transform: unset !important;
    }
 
    .boost-pfs-action-list-enabled .boost-pfs-addtocart-btn .boost-pfs-addtocart-btn-text {
        display: inline
    }
}
 
@media (min-width: 1200px) {
    .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper {
        opacity: 1;
        top: unset !important;
        bottom: 1px;
        transform: unset !important;
    }
   
    .boost-pfs-action-list-enabled .product-card {
        border-bottom: none;
        margin-bottom: 40px;
    }
    
    .boost-pfs-action-list-enabled .product-card .product-card__info {
        position: absolute !important;
    }
    
        
    .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper:hover .boost-pfs-addtocart-btn {
        background: #a91212;
        border-color: #a91212;
    }
    
    .boost-pfs-action-list-enabled .boost-pfs-action-list-wrapper .boost-pfs-addtocart-btn {
        background: #ff0000;
        color: rgba(255,255,255,1);
        border-color: #ff0000;
    }
    
}

Comments

  •  icon
    01/01/70 12:00:00 AM UTC
    Plain Text |

    0 B

    |

    👍

    /

    👎