Lay Theme Forum

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

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

    General Discussion
    2
    7
    555
    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.
    • V
      Venchomil last edited by

      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 Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        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 Reply Quote 0
        • V
          Venchomil last edited by

          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 Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            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 Reply Quote 0
            • V
              Venchomil last edited by Venchomil

              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 Reply Quote 0
              • V
                Venchomil @mariusjopen last edited by

                @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 Reply Quote 0
                • mariusjopen
                  mariusjopen Global Moderator last edited by

                  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 Reply Quote 0
                  • First post
                    Last post

                  Try this to fix issues 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

                  P

                  Recent Topics

                  • C

                    centred Carousel fixed width and proportions

                  • L

                    position Project titles outside the images on the side

                  • slow navigation WP admin control panel

                  • P

                    News element date and title order

                  laytheme.com