Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Feedback
  3. Distinct project in thumbnail grid

Distinct project in thumbnail grid

Scheduled Pinned Locked Moved Feedback
7 Posts 2 Posters 588 Views
  • 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.
  • M Offline
    M Offline
    mpp
    wrote last edited by
    #1

    Hello,

    is there any way to distinct a project in thumbnail grid?
    For example, in the "Edit project" page a tick button for double column size? or full row?

    Seems tricky with flex-box?

    Thanks!

    1 Reply Last reply
    0
    • M Offline
      M Offline
      mpp
      wrote last edited by
      #2

      Nevermind, using the "Same height" in Element grid with Project Thumbnails solved that for me, thanks!

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote last edited by
        #3

        Im glad you found a solution! I'm not sure what you mean with "distinct a project in thumbnail grid".

        Do you mean you want to highlight one project in the thumbailgrid?

        image.png

        a thumbnail like this would have the CSS selector:

        .thumb[data-id="3408"]{

        }

        M 1 Reply Last reply
        0
        • arminunruhA arminunruh

          Im glad you found a solution! I'm not sure what you mean with "distinct a project in thumbnail grid".

          Do you mean you want to highlight one project in the thumbailgrid?

          image.png

          a thumbnail like this would have the CSS selector:

          .thumb[data-id="3408"]{

          }

          M Offline
          M Offline
          mpp
          wrote last edited by
          #4

          @arminunruh
          Yes, to highlight one of the projects would be a great solution or to make the general ".landscape" thumbnail-wrap class projects double column width.

          Same width is beneficial for portrait images, but landscape ones sometimes lose visibility.
          That's why same height worked better for my case.

          Regular, same-width column grid
          Screenshot 2025-09-17 at 22.24.43.png

          After CSS "inspector" width adjustment on thumbnail-wrap
          Screenshot 2025-09-17 at 22.25.02.png

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote last edited by
            #5

            image.png

            You could also use this custom aspect ratio setting for the thumbnail grid to make all the images the same aspect ratio.

            M 1 Reply Last reply
            0
            • arminunruhA arminunruh

              image.png

              You could also use this custom aspect ratio setting for the thumbnail grid to make all the images the same aspect ratio.

              M Offline
              M Offline
              mpp
              wrote last edited by
              #6

              @arminunruh not a solution for me but I get it why this solution is helpfull, thanks!

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote last edited by
                #7

                ok. yea it would probably be good if we had sth like this for the thumbnailgrid too:

                https://www.instagram.com/p/DAk1W08ihH1/

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                šŸ’æ Email me here: šŸ’æ
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                R
                robsdonatini
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                laytheme.com
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Recent
                • Tags
                • Popular
                • Users
                • Search