Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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 728 Views 2 Watching
  • 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.
  • mppM Offline
    mppM Offline
    mpp
    wrote on 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
    • mppM Offline
      mppM Offline
      mpp
      wrote on 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 on 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"]{

        }

        mppM 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"]{

          }

          mppM Offline
          mppM Offline
          mpp
          wrote on 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 on 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.

            mppM 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.

              mppM Offline
              mppM Offline
              mpp
              wrote on 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 on 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

                Our Web Development company: 100k.studio

                Want to tip me? https://www.paypal.com/paypalme/arminunruh

                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
                J
                Johannes Meger
                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