Image Files-White Background

[RohanJax]

When I attempt to insert an image file, (background image) my background is a white square box, even when I copy and paste your same beer stein example. How do I get just the image figure, weapon, character, to show up without the white square box image?

Thank you RohanJax

Additional Details

Share Link :

or

Brew code to reproduce :

Click to expand

PASTE BREW CODE HERE

[calculuschild]

Your "additional details" section of the report has not been filled out properly. There is no way to help if we can't see what your code is doing.

On Mon, Jul 17, 2017, 2:58 PM RohanJax notifications@github.com wrote:

When I attempt to insert an image file, (background image) my background is a white square box, even when I copy and paste your same beer stein example. How do I get just the image figure, weapon, character, to show up without the white square box image?

Thank you RohanJax Additional Details

Share Link :

or

Brew code to reproduce : Click to expand

PASTE BREW CODE HERE

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/stolksdorf/homebrewery/issues/447, or mute the thread https://github.com/notifications/unsubscribe-auth/AFmzBmLuFKA0oCnfc3XSSx3G4_HpMHg3ks5sO67egaJpZM4OaZFk .

[RohanJax]

I copied and pasted a screen shot of what I am seeing, and my code. Hopefully it translates, and works.

Thanks

[calculuschild]

Without your actual code helping is really hard. The screenshot is too blurry to read any of the text. Are you sure you can't just paste your code in here?

Looking at your screenshot though, my guess is that your image is showing that way because the image file actually has a white background on the image. The beer stein in the front page example has a transparent background. I would suggest opening up Photoshop or Gimp and getting rid of the white background. Pixlr.com is a free web-based tool that could do that as well. Save the file as a PNG and the transparent parts will stay transparent.

There is also this tutorial someone made which explains how you can try adding some CSS code to turn a white background transparent. If it were me though I would just edit the image so its transparent on its own.

[RohanJax]

I tried pasting code, but it looks like just the image showed up, here it is again.... If this doesn't work, no worries. I'll try your other methods. Thanks.

[calculuschild]

Ok. Well yes, this image that you have here does have a white background which you will need to remove in an image editing program. That should solve your issue. Pixlr is great and free and you can do it in about 2 minutes.

[RohanJax]

Super, thanks. I'll check that out.