Lay Theme Forum

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

    Thumbnails grid: Images Proportions

    General Discussion
    3
    5
    349
    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.
    • I
      Ilina Catana last edited by

      Hey Laytheme :)

      I am looking to make a Thumbnails grid where the vertical and horizontal images would have the same proportions and not the same width.

      I try to make it look like this:
      0_1537787856564_Exemple_Thumbnail_Grid_right.png

      It actually looks like this:
      0_1537787908707_Exemple_Thumbnail_Grid_wrong.png

      Here is the url of the page in question: http://www.andreaseifert.de/portfolio

      Can you help me?

      Thank you in advance! :)

      Best,

      Ilina

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

        Prepare your project thumbnails either as transparent PNGs in a square sized document. Or use a background coloured like your page-background.

        Pretty much the same procedure you would use to prepare non-square Instagram posts.

        ✦ ✦ ✦

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

          Dear @Ilina-Catana
          I think the solution of @edgrbnz is simple and works.
          Otherwise you can adjust the height or width with CUSTOM CSS and then use object-fit.

          Have a look here, that might lead you into the right drection:
          http://laythemeforum.com:4567/topic/3710/make-project-thumbs-have-a-fixed-height-while-filling-it-in-with-the-correct-aspect-ratio/2

          Let me know when you need more help!

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 0
          • I
            Ilina Catana last edited by

            Hi @edgrbnz @mariusjopen,

            thanks a lot for your answers.

            I wanted to avoid my client the extra work of preparing each thumbnail separately with a transparent background.

            My knowledge of CSS being limited, I worked with an offset on the "X" axis for all vertical images. For the moment it works relatively well on Desktop and Laptop.

            Thank you again!

            Ilina

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

              Dear @Ilina-Catana
              if that works for you – then we are happy :-D

              Best!

              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

              C

              Recent Topics

              • C

                image carousel bugging out

              • N

                help needed with cleaning up and optimising lay theme portfolio website

              • R

                Html5 Video Player issue

              laytheme.com