woocommerce-notices-wrapper position

Lorenzo Limatola answered on May 15, 2023 Popularity 3/10 Helpfulness 1/10

answer woocommerce-notices-wrapper position

woocommerce-notices-wrapper position

Comment

.woocommerce-notices-wrapper {
    position:fixed;
    top:30%;
    left:50%;
    margin-left:-150px;
    width:300px;
    z-index: 9999;
    background:white;
    border-radius:10px;
    border:1px:solid;
    text-align:center;
}

.woocommerce-error {
    position:fixed;
    top:10%;
    left:50%;
    margin-left:-150px;
    width:300px;
    z-index:9999
 }

.message-container {
    border-radius:10px;
    border-style:solid;
    border-color:#000;
    border-width:2px 2px 2px 2px
}


.woocommerce-notices-wrapper {
    opacity:0;
    -moz-animation:notices 15s;
    -webkit-animation:notices 15s;
    -o-animation:notices 15s;
    animation:notices 15s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
@keyframes notices {
   0% { opacity:1} 
   15% { opacity:1} 
   30% { opacity:1} 
   45% { opacity:1} 
   60% { opacity:1}
   75% { opacity:1}
   100% { opacity:0} }


.message-container.container.success-color {
    display: none;
}

Popularity 3/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css position

Link to this answer
Share Copy Link

Contributed on May 15 2023

Lorenzo Limatola

0 Answers Avg Quality 2/10

woocommerce-notices-wrapper position

Contents

More Related Answers

woocommerce-notices-wrapper position

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.