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. General Discussion
  3. Adding 2 (or more) images on top of each other in a same row?

Adding 2 (or more) images on top of each other in a same row?

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 827 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.
  • V Offline
    V Offline
    Venchomil
    wrote on last edited by
    #1

    Hi,

    I have 2 questions:

    1, I'm using "Use browser height for row height" for adding text in a same row with an image. What about adding more images in a same row?

    1. If the above is not possible, I'm using the "offsets" to add images in same height/row, but I'm experience extra space on bottom now... How to resolve this?

    Thanks in advance,
    Vencho

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Hi Vencho!

      Can you upload a little example image to demonstrate what you want to achieve?

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • V Offline
        V Offline
        Venchomil
        wrote on last edited by
        #3

        Hello Marius,

        Thanks for getting back in touch with me.

        You can see it here -> http://www.venchomiloshevski.com/logos-2/

        You see I'm building a grid with some logos that I did. With laytheme you can't place image above image in a same column. You must open a new row and use "offsets" to put it up underneath the image you want.

        While I'm doing this, you can see at the bottom, I experience extra unwanted space by using offsets. Even though there isn't anything, technically those rows are occupied with images that are placed above with offset.

        Do you get my point now? :)

        Thanks!

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Hi Venchomil!

          I see your point.

          Indeed this is a feature which is missing and would be great in the future.

          Until then you have to find a workaround.

          The solution you found is actually pretty good.

          You can use the custom CSS to remove the height of the last row:

          .row:last-child {
              height: 0px;
          }
          

          I hope that works for you!

          Best!

          Marius

          www.mariusjopen.world

          V 1 Reply Last reply
          0
          • V Offline
            V Offline
            Venchomil
            wrote on last edited by Venchomil
            #5

            Thanks, Marius.

            How would the code look like by using CSS based on the current page I want this to be applied on?

            1 Reply Last reply
            0
            • mariusjopenM mariusjopen

              Hi Venchomil!

              I see your point.

              Indeed this is a feature which is missing and would be great in the future.

              Until then you have to find a workaround.

              The solution you found is actually pretty good.

              You can use the custom CSS to remove the height of the last row:

              .row:last-child {
                  height: 0px;
              }
              

              I hope that works for you!

              Best!

              Marius

              V Offline
              V Offline
              Venchomil
              wrote on last edited by
              #6

              @mariusjopen

              Hello Marius,

              Can I get an answer as soon as possible? It's has been few days and I need to get running up the site ASAP!

              I've also opened a new post regrading another question...

              Thanks

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                Hi Venchomil!

                Ok, try to put this in your Custom CSS code:

                .one-col-row {
                    height: 0px !important;
                }
                

                This is the last row of thumbnails in your frontpage grid.

                Good luck!

                Marius

                www.mariusjopen.world

                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
                A
                alasdair17
                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