Lay Theme Forum

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

    Bug image resolution overlay

    Bug Reports
    2
    4
    178
    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.
    • B
      Ben last edited by

      Hello,

      We are having an issue on our website and we don't know how to fix it.
      Site : http://nwb-studio.com/

      We would like to upload images with a better resolution for overlay pictures on the homepage. It works fine with standard desktop screen but it seems low res on retina devices.

      Do you have any advice for us :) ?

      Best,

      Ben

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

        Dear @Ben
        how do you embed those images?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • B
          Ben last edited by

          Hi Marius,

          Thx for your quick feedback :)

          Please find below the code :

          a.cahiercentral:hover:after {
          content: url(http://nwb-studio.com/wp-content/uploads/2019/04/Logo-3D-Rotation.gif);
          display: block;
          }

          I can't find the way to enclose the images inside a block with defined dimensions, so I created every image with the same height to make it look like I did. Thus I can't get images two times bigger like I'd normally do for retina screens, because they won't be resized by any block and would be way too big.

          Thx !

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

            Dear @Ben
            do you know this?
            https://www.w3schools.com/css/css3_object-fit.asp
            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • First post
              Last post
            Post a link to where the problem is
            I don't answer or check forum DMs, please just post on the forum.
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

            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

            G
            K
            W
            K
            T

            Recent Topics

            • T

              scroll element transitions mobile

            • L

              HTML

            • M

              Burger menu in desktop and tablet view

            • M

              WPForms Lite not working with new theme update (5.5.5)

            laytheme.com