virtuemart add to cart popup style sheet

On virtuemart shopping cart joomla component add to cart popup normally used to show virtuemart system error, info, warning, tips etc message.
This popup is build by javascript code in components/com_virtuemart/js/mootools/mooPrompt.js file.
The generated html code looks as below

Notice

Info: The product quantity has been updated.

To modify it’s stylesheet you can use

/*popup*/

h3.cbHeader {
    visibility:hidden;
    display:block;
    clear:both;
    width:1px;
    height:1px
}


.cbContainer{
    position: absolute;
    left: 50%;
    top: 450px;
    width: 400px;
    margin-left: -200px;
    margin-right: -200px;
    height: 150px;
    margin-top: -75px;
    margin-bottom: -75px;
    border:#FFF 3px solid;
    text-align:left;
}

.cbBox{
    width: 400px;
    overflow-x: auto;
    overflow-y: auto;
    height: 150px;
    visibility: visible;
    zoom: 1;
    opacity: 1;
    background:#CCC;
    color:#333
    text-indent:0;
}
.cbButtons .cbButton{
    background:#63839b none;
    text-indent:0;
    width:80px; height:28px;
    margin:5px 10px;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    text-transform:upper;
    border:0;
    cursor:pointer;
    border-radius:3px;

}
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
    border-color:#333;
    border-style:dotted none;
    border-width:1px 0pt;
    padding:15px;
    margin:15px 0 15px 0;
    text-align:left;

}

.cbCloseButton{
    right:5px;
    top:5px;
}

Virtuemart Add To Cart Popup
Virtuemart Add To Cart Popup

One thought on “virtuemart add to cart popup style sheet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: