Thumbnail without featured image

[jwk]

Hello :) is it possible to create a thumbnail for a project without the featured image? Thanks in advance, Johannes.

[jwk]

Something like

img [src="image-name"] {
display: none !important;
}

doesn't work :/

[jwk]

Anyone? Unfortunately didn't found any solution, yet.

[mariusjopen]

Hi @jwk
you can always just place an image and then link it to a project.

I hope that helps!

Best!

Marius

[jwk]

Sorry, that wasn't well-formulated. I'll try it again: Is it possible to miss out the featured image. So that you just have the project title and the project description "as thumbnail" – for example in the masonry grid?

Thanks in advance :-)

[mariusjopen]

Hi @jwk
you need to set a featured image anyway.

But you can hide the thumbnail images of course:

.thumb-collection img {
    display: none;
}

When you want to change the height of the box you can dot his like here:

.thumb-collection .ph {
    padding-bottom: 20px !important;
}

I hope I could help!

Best!

Marius

[jwk]

Ah that's good to know...thanks. And one last question: Is it possible to hide just some featured images and show the other ones?

All the best :)

[mariusjopen]

Hi @jwk
do you use the Thumbnail Gridder or do you place thumbnails seperately?
In the Gridder it might get a bit complicated.
When you place the projects seperately - you can address the projects individualy.

I hope I could help!

Marius

[jwk]

Hi @mariusjopen

first of all, I'm really thankful for your patience :)

I use the thumbnail gridder. It would be amazing for me to know, how to hide just the featured images of some of the projects. Can I define different thumbnail types for different projects? I'll show you an image as example of what I'm planning to do. There are thumbnails with image, with rounded image (I could fake that by using a png with transparent background), with no image and just the description text, and even with a thin line as border.

If I could manage to define different thumbnail types – that would be absolutely amazing. Because I'd love to use the masonry thumbnail gridder. Or is there a work around for the thumbnail gridder?

[jwk]

I think, I figured it out. I've put an <img> to the project description with position: relative and the code snippets you suggested to hide ALL featured images. So I can place images just in the project descriptions of the project I need an image.

[jwk]

Unfortunately, what happens is, that the <img>-tag with height: auto (it has to be auto because of the different image formats) inside the project description loads to slow for the thumbnail gridder. So when you first load the page or refresh it, the project thumbnails with an <img>-tag overlap – like you can see in the image. But if you resize the window or go to another sub-site and back then the thumbnail gridder works properly.

[jwk]

You can have a look at everyday.hallobasis.com.

[mariusjopen]

HI @jwk
the overlap is because before everything gets loaded – the browser gets the height of the image and makes an empty thumbnail-box. When the image is ready it gets placed into it.
So what happens is, that it does not know that now your box needs to be higher from the start.

This is something we cannot correct easily now.
Is there another way not to use the Gridder or make a compromise?

Many wishes!

Marius