Lay Theme Forum

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

    Project Title: Space between Title and Image not changing

    Bug Reports
    3
    8
    36
    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.
    • N
      nypaloto last edited by

      Hi.

      Any changes made to: 'Customizer > Project Thumbnails > Project Title > Space between Title and Image' are not being applied to existing thumbnails (at least on my site).

      However, the changes do apply if a new thumbnail is added to the grid.

      Here's my site (staging, in progress): http://beige.temp312.kinsta.cloud

      The space of the last thumbnail (Adidas Runtastic) shows the new settings. But all other spaces have not changed.

      Please have a look into this when you get a chance.

      Thanks!
      Alex

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

        Dear Alex @nypaloto

        Both the new Thumbnail and old Thumbnail share the same padding, but only one is being applied correctly,

        Old Thumbnail:
        Screen Shot 2020-09-30 at 12.06.30 PM.png

        New Thumbnail:
        Screen Shot 2020-09-30 at 12.06.50 PM.png

        I will forward this to Armin as he may have better insight :)

        Best wishes and have a wonderful day
        Richard

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

          Hey @nypaloto
          Great looking website!
          Indeed, your setting is not used at all.
          The bigger space between your video here and your title is only because of a spacing issue that relates to the size of the video.

          Screenshot 2020-10-01 at 18.08.09.png

          WordPress thinks your video is 16:9 but your video has a different aspect ratio when it is loaded and shown on the website.
          Please re-upload the video and re-insert it. If this happens again, try and use the app "handbrake" and convert the video file and the resulting file might work better!

          Your Custom CSS is:

          .thumb .below-image .title {
              /* text-decoration: underline; */
              border-bottom-style: solid;
              display: inline;
              border-bottom-width: 1px;
          }
          

          display inline elements don't use margin-top values
          change that css to be display: inline-block; and then it should work!

          1 Reply Last reply Reply Quote 0
          • N
            nypaloto last edited by

            👍🏻🙏🏻

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

              Dear @arminunruh
              Awesome, great to know for the future

              Alex @nypaloto
              Great to know you have a solution moving forwards :)

              Best wishes and thank you for using Lay Theme

              Richard

              1 Reply Last reply Reply Quote 0
              • N
                nypaloto last edited by

                Unfortunately, this is issue is back. In an effort to make the .mp4 files smaller, I wanted to resize the thumbnail videos from 1280x720 to 720x480, which is still 16:9. However, when replacing the thumbnail, there's again that space between the thumbnail and the thumbnail title.

                Please see the Adidas Original: Nite Jogger thumbnail on the home page at https://beige.companyScreen Shot 2020-10-09 at 10.39.13 PM.jpg

                1 Reply Last reply Reply Quote 0
                • N
                  nypaloto last edited by

                  Never mind! Figured it out. The video needs to be 720x406. All good!

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

                    Dear @nypaloto

                    Awesome! :)

                    Thank you for getting back and making a conclusion to the thread as this helps others as well!

                    Best
                    Richard

                    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

                    I
                    M
                    L
                    M
                    G

                    Recent Topics

                    • text underline

                    • open all links in a thumbnail grid in a new tab

                    • lazy loading affects project thumbnail mouseover images

                    laytheme.com