No Image Transparency

  • Resolved mattceb

    (@mattceb)


    9 years, 8 months ago

    Hey, I don’t know if anybody is still monitoring these forums, but I have a question:

    I’m using WP 4.6 (on my own server, not on the wordpress site) and Sunspot 1.1.4. And it seems that when I insert a picture with transparency into a post, said transparency disappears and the image gets a dark, filled background instead.

    Yesterday I posted my first new post after switching to Sunspot and it included a PNG with transparancy. This one: http://enklave-23.de/blog/BT_web_logo.png

    Yet in my post… There is no transparency. (See here: http://www.enklave-23.de/wordpress/2016/09/03/a-battletech-post/)

    I just fiddled around with it a bit, and it doesn’t matter if I get the image from the Media Library or from a different source. Every time I insert it via “img src=”, it appears without transparency.

    Is there something in the style.css I need to change? Or do I need to go into the php?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter mattceb

    (@mattceb)

    9 years, 8 months ago

    Okay, I managed to solve it.
    But I might need some follow-up help to understand WHY I solved it. 😉

    I changed this:

    entry-thumbnail img {
    background: #120f10;
    border: none;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.9);

    To this:

    entry-thumbnail img {
    background: none;
    border: none;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.9);

    But this leads me to one question: Why is the image using “thumbnail img”? It’s not a thumbnail, you can’t click on it to get a larger version. Or is “thumbnail” used to denote any scaled image here?

    Siobhan

    (@siobhyb)

    9 years, 8 months ago

    Hi @mattceb!

    I’m glad you were able to resolve this!

    In case you’re not aware and for others who may come across this thread: Please do not edit your theme’s style.css file directly. Any changes you make there will be lost when it comes time to update.

    Instead, to add custom CSS, firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

    But this leads me to one question: Why is the image using “thumbnail img”? It’s not a thumbnail, you can’t click on it to get a larger version. Or is “thumbnail” used to denote any scaled image here?

    That terminology is often used to describe a featured image on a WordPress site due to the name of the underlying function (which you can read more about here).

    Let me know if that helps clear things up or if you have any extra questions.

    Thread Starter mattceb

    (@mattceb)

    9 years, 8 months ago

    Thank you very much for the links! 🙂
    I knew that changing the CSS directly was a dirty hack, but I wanted a quick fix.

    I was already looking for ways to do something along the lines you suggested, and your suggestions just cut that search short.

    And the explanation for why it’s called a “thumbnail” in the css is also very much appreciated.

    Thank you very much, sincerely. 🙂

    Siobhan

    (@siobhyb)

    9 years, 8 months ago

    You’re most welcome, @mattceb. 🙂 We’re right here if anything else comes up, too.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘No Image Transparency’ is closed to new replies.