Jump to content

How To Change the Background Color of Shopping Cart


Recommended Posts

Hi, I've been trying for the past week to change the background color in the shopping cart drop-down menu.  It is currently transparent, and I haven't had any luck making it a solid color.

 

THIS IS BLOCKCART.CSS

 

/* Special style for block cart*/
#left_column #cart_block, #right_column #cart_block {
}

#header  #cart_block .title_block, #header  #cart_block h4 {
    display:white;
}
#header #cart_block {
    z-index: 10;
    display:none;
    position: absolute;
    right: 0;
    top: 65px;
    height: auto;
    width: 200px;
    -moz-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 0 #FFFFFF;
}
#cart_block.cart_block_hover {display:block}
#cart_block .title_block  span, #header  #cart_block h4 {
    float: right;
    padding-left: 10px;
    text-transform: none;
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
        color:white
}

#cart_block  .block_content {padding:8px 8px 16px 8px;}

#cart_block #cart_block_summary {display:white}
#cart_block .quantity-formated {
    display:inline-block;
    margin-right:5px;
    min-width:18px;
}
#cart_block .cart_block_product_name {font-weight:bold; font-color:white}
#cart_block .remove_link {
    float:right;
    display:inline-block;
    margin:1px 0 0 5px;
    height:12px;
    width:12px
}
#cart_block .remove_link a {
    display:inline-block;
    height:12px;
    width:12px;
    background: url(img/icon/delete.gif) no-repeat 0 0
}
#cart_block .price {
    float:right
}

#cart_block #cart_block_list dl {
    padding-bottom:10px
}
#cart_block #cart_block_list dt {padding:4px 0}
#cart_block #cart_block_list dt a {font-weight:bold}
#cart_block #cart_block_list dd {
    margin-left:20px
}

#cart_block #cart-prices {
    padding:10px 4px;
    line-height:20px;
    font-weight:bold;
    border-top:1px solid #999
}
#cart_block #cart_block_shipping_cost,
#cart_block #cart_block_total {
    float:right
}
#cart_block #cart_block_shipping_cost {font-weight:bold}

#cart_block #cart-buttons .button_small {display:none;}
#cart_block #cart-buttons  #button_order_cart {
    float:right;
    padding-left:20px
}
#cart_block #cart-buttons  #button_order_cart span {
    position:absolute;
    top:-1px;
    left:-12px;
    display:block;
    height:26px;
    width:26px;
    background:url(img/icon/pict_add_cart.png) no-repeat 0 0
}
#cart_block table#vouchers {
    clear: both;
    width:100%
}
#cart_block table#vouchers tr td{
    padding: 2px;
}
#cart_block table#vouchers tr td.quantity{
    margin-right:5px;
    min-width:18px
}
#cart_block table#vouchers tr td.delete{
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    width: 15px;
}
 

 

 

THIS IS BLOCKUSERINFO.CSS

 

 

 

/* block top user information */

#header_right #header_user {
    clear:both;
    float: right;
    margin-top:8px;
    width: 535px;
}

#header_user #header_nav {
    list-style-type:none;
    float:right;
}

/* cart */
#shopping_cart a, #shopping_cart span {color:white;}
    
    
}
#shopping_cart a{
        color:#FFF
        box-shadow 4px 6px 3px #c6c6c6
    height: 15px;
    padding:15px 27px 10px 43px;
    background: url('img/icon/cart.gif') no-repeat 10px 9px #FFF;
    min-width: 130px;/* 200 */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;display:block}
        box-shadow: 0 1px 0 #ffffff
#shopping_cart a:hover span{text-decoration: none}
#header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px }
#header_user #shopping_cart .ajax_cart_total { display:none !important; }


/* account */
#header_user #your_account {display:none;}
#header_user #your_account a { background-image: url('img/icon/my-account.gif') }

/* user infos */
#header_user_info {
    clear:both;
    float:right;
    margin-top:10px;
    padding:0;
    font-size:12px
}
#header_user_info a {
    display:inline-block;
    margin:0 0 0 10px;
    padding:3px 0 0 34px;
    line-height: 11px;
    border-left:1px solid #FFF
}
#header_user_info a.account {
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
*:first-child+html #header_user_info a {line-height:14px;}
#header_user_info a.login {background: url('img/icon/login.gif') no-repeat 10px 0}
#header_user_info a.logout {background: url('img/icon/logout.png') no-repeat 10px -1px}

 

Any ideas?  I thought this would be a pretty easy fix....but I haven't been able to find an answer this entire week.  I've been searching & searching.  Someone have an idea??? 

Thanks in advance!
 

Link to comment
Share on other sites

×
×
  • Create New...