Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Thumbnail without featured image

    General Discussion
    2
    13
    1001
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • jwk
      jwk last edited by

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

      1 Reply Last reply Reply Quote 0
      • jwk
        jwk last edited by

        Something like

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

        doesn't work :/

        1 Reply Last reply Reply Quote 0
        • jwk
          jwk last edited by

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

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

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

            I hope that helps!

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • jwk
              jwk last edited by

              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 :-)

              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                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

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • jwk
                  jwk last edited by

                  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 :)

                  1 Reply Last reply Reply Quote 0
                  • mariusjopen
                    mariusjopen Global Moderator last edited by

                    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

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • jwk
                      jwk last edited by

                      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?

                      0_1516267456969_everyday_work Startseite neu.png

                      1 Reply Last reply Reply Quote 0
                      • jwk
                        jwk last edited by

                        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.

                        1 Reply Last reply Reply Quote 0
                        • jwk
                          jwk last edited by

                          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.

                          0_1516279058274_Bildschirmfoto 2018-01-18 um 13.33.09.png

                          1 Reply Last reply Reply Quote 0
                          • jwk
                            jwk last edited by

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

                            1 Reply Last reply Reply Quote 0
                            • mariusjopen
                              mariusjopen Global Moderator last edited by

                              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

                              www.mariusjopen.world

                              1 Reply Last reply Reply Quote 0
                              • First post
                                Last post

                              Before you post

                              Use the Search Feature. Maybe there is already a solution to your issue.

                              1. Update Lay Theme and all Lay Theme Addons
                              2. Disable all Plugins
                              3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                              4. Now see if your problem solved itself
                              5. Go here, see if your problem is listed here:
                              Troubleshooting

                              When you post:
                              1. Post a link to where the problem is
                              2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                              Thanks!

                              Online Users

                              T
                              A
                              S

                              Recent Topics

                              • A

                                Theme crashed - because of Polylang?

                              • A

                                can't change front page

                              • M

                                komische boxen auf der Website

                              laytheme.com