Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #240750

    Currently with enfold theme,
    after you add an item onto the shopping cart – A green box with black font will appeared saying that the item has been added,
    I wish to make that green box to black box with white wording and a slimmer box,
    How do i do this?
    Regards!

    #240796

    .woocommerce-message, .woocommerce-error, .woocommerce-info {
    padding: 0em 0em 0em 0em;
    margin: 0 0 0em;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -webkit-linear-gradient(#ffffff, #ffffff);
    background: -moz-linear-gradient(center top, #ffffff 0%, #fffff 100%);
    background: -moz-gradient(center top, #ffffff 0%, #ffffff 100%);
    color: black;
    text-shadow: 0 0px 0 #ffffff;
    list-style: none outside;
    width: auto;
    }
    .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after {
    display: block;
    clear: both
    }
    .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
    height: 0em;
    width: 0em;
    display: block;
    position: absolute;
    top: 0;
    left: 0em;
    font-family: sans-serif;
    font-size: 0em;
    line-height: 0;
    text-align: center;
    background-color: #ffffff;
    color: black;
    text-shadow: 0 0px 0 rgba(0,0,0,0);
    padding-top: 0em;
    }
    .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
    float: right
    }
    .woocommerce-message li, .woocommerce-error li, .woocommerce-info li {
    padding-left: 0;
    margin-left: 0;
    color: black;
    background-color: #ffffff;
    }
    .woocommerce-message {
    border-top: 0px;
    color: black;
    background-color: #ffffff;
    }
    .woocommerce-message:before {
    background-color: #ffffff;
    color: black;
    }
    .woocommerce-info {
    border-top: 0px solid #ffffff;
    color: black;
    background-color: #ffffff;
    }
    .woocommerce-info:before {
    font-family: Times, Georgia, serif;
    font-style: italic;
    color: black;
    background-color: #ffffff;
    }
    .woocommerce-error {
    border-top: 0px solid #ffffff;
    color: black;
    }
    .woocommerce-error:before {
    background-color: #ffffff;
    color: black;
    }

    Sorry if this has been posted before, but I tried this! The background mainly has become white but theres a green margin border on the left side, and the font is like green color (I kind of need it black)
    http://www.shopelegal.com

    #241319

    Hey!

    Please add following code to Quick CSS

    #header_main .added_to_cart_notification { background-color: black; color: white!important; }
    #header_main .added_to_cart_notification * { color: white!important; }

    Cheers!
    Yigit

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.