Open ianwilliams7158 opened 5 years ago
not a direct solution, but I rewrote most of the cart CSS and don't us the sprites. See my CSS below:
/*MiniCart*/
body #PPMiniCart{position:fixed;left:0;right:0;top:75px;z-index:999; width: 95%; max-width: 400px; margin:0 auto;}
body #PPMiniCart form{position:relative;width:100%;max-height:none;margin-left:0;background:#fbfbfb;border:1px solid #d7d7d7;border-radius:4px; box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.25); font-size:14px;font-family:Roboto, sans-serif;color:#333;padding:30px 10px 40px;}
body #PPMiniCart .minicart-closer{float:none;background:0;border:0;font-size:18px;cursor:pointer;position:absolute;top:0;right:0;margin:0;padding:10px;}
body #PPMiniCart .minicart-item{position:relative;min-height:25px;padding:15px 0;}
body #PPMiniCart ul{clear:right;list-style-type:none;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow: none;margin:15px 0;padding:0 10px;}
body #PPMiniCart .minicart-item a{font-size: 16px;position:relative;top:auto;left:auto;display:block;width:75%;color:#333;line-height:100%;text-decoration:none;}
body #PPMiniCart .minicart-attributes{border:0;border-radius:0;box-shadow:none;color:#999;font-size:13px;line-height:22px;margin:0;padding:0;}
body #PPMiniCart .minicart-quantity{position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;width:30px;height:auto;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);font-size: 16px;text-align: left; transition:border linear .2s box-shadow linear .2s;padding:2px 4px;}
body #PPMiniCart .minicart-remove{position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;width:18px;height:18px;background:#b7b7b7;border:1px solid #a3a3a3;border-radius:3px;color:#fff;font-size:13px;opacity:0.70;cursor:pointer;margin:0 0 0 5px;padding:0;}
body #PPMiniCart .minicart-price{font-size: 16px;position: absolute;top: 7px;right: 0;}
body #PPMiniCart .minicart-subtotal{position:absolute;bottom:17px;left:10px;font-size:16px;font-family:Roboto, sans-serif;font-weight:500;}
body #PPMiniCart .minicart-submit{position:absolute;bottom:10px;right:10px;min-width:0;height:auto;border:0;border-radius:3px;text-transform:uppercase;color:#fff;text-shadow:none;cursor:pointer;background:#9acd32;font-size:16px;font-family:Roboto, sans-serif;padding:10px 16px;}
body #PPMiniCart .minicart-submit i {margin: 0 10px 0 0;}
try this in place of the original style sheet.
I use it here https://vt14.com/vt14-logo-tee.html
I have noticed that the minicart graphics no longer work. Digging through the minicart.js file, isee a reference to
assetURL: 'http://www.minicartjs.com/build/',
This url no longer exists.
Is this the right place to specify the sprite? If not, where do I do this? I want to have the sprite delivered by my server, not something outside which can disappear like the minicartjs.com website.
Thanks again!