Sharing is helping.

We offer you this space to share your knowledge about Magento and learn from our experienced customers.


    Home Forums Reply To: Cart Summary shadow -wrong side Reply To: Cart Summary shadow -wrong side

    #8583

    Anonymous

    Ok -so here is how I solved it:

    I created a new cart summary image for the left panel side ”cart_summary_bg_left.gif’
    (My styles might vary slightly as I have done a lot of restyling.)

    I changed the CSS file:

    >>Go to styles.css line 624:

    .block-cart .block-title { }
    .block-cart .block-title strong { }
    .block-cart .summary { background:#67c217 url(../images/background/cart_summary_bg.gif) repeat-y; padding:7px 8px 14px 8px; margin:-16px -15px 10px -15px; text-align:center; position:relative; z-index:1; }
    .block-cart .amount { margin:0; }
    .block-cart .amount a { font-weight:bold; }
    .block-cart .subtotal { background:url(../images/bkg_subtotal.png) no-repeat 50% 0; margin:5px 0 0; line-height:22px; }
    .block-cart .subtotal .price { font-weight:bold; }
    .block-cart .actions { display:none !important; }

    Then Add:

    /* Block: Cart Left*/
    .col-left .block-cart .block-title { }
    .col-left .block-cart .block-title strong { }
    .col-left .block-cart .summary { background:#67c217 url(../images/background/cart_summary_bg_left.gif) repeat-y; padding:7px 8px 14px 8px; margin:-16px -15px 10px -15px; text-align:center; position:relative; z-index:1; }
    .col-left .block-cart .amount { margin:0; }
    .col-left .block-cart .amount a { font-weight:bold; }
    .col-left .block-cart .subtotal { background:url(../images/bkg_subtotal.png) no-repeat 50% 0; margin:5px 0 0; line-height:22px; }
    .col-left .block-cart .subtotal .price { font-weight:bold; }
    .col-left .block-cart .actions { display:none !important; }

    :D