Moonmist4769

Hey y'all, I have a solution -- I use Google Chrome as a browser, and you can install a Plug-in extension called "image replacer" to swap out the white logo on the invoice to a black version of the logo (or swap your logo for any new image). You only have to do steps 1 & 2 once: 1. Install Plug-in. 2. Copy and paste the URL to the new logo you'll like to use into the plugin's box. Hit save. 3. Open your invoice to print. 3. Click on the google "Image Replacer" plugin and check the Enabled check box. 4. Refresh the page. BOOM there's a new logo displaying on the page that is 100% printable. Just make sure to disable the image replacer or else all images in chrome will be replaced with your logo. - Ryan

Hi tuanphan! Your expertise has been invaluable to me while working on my website. This is the first hiccup I've run into-- This code works wonderfully on the desktop site, but for some reason once the display resizes to that of a tablet or smaller, the overlay doesn't just cover the grid image, but it seems to want to cover the entire product image/title/price wrapper (which is problematic because of the height:100% value). Once you get to a certain display size, the number of columns jumps from three to two, and that's when the issues arise. I'd appreciate any help.