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. Addons
  3. max-width for images in lightbox

max-width for images in lightbox

Scheduled Pinned Locked Moved Addons
8 Posts 2 Posters 788 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.
  • O Offline
    O Offline
    oli
    wrote on last edited by
    #1

    Hey Armin,
    is there any way to prevent that the images are shown up bigger than their original size in the lightbox?

    best
    oli

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

      Hi @oli
      can you show us an example of what you mean?

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • O Offline
        O Offline
        oli
        wrote on last edited by
        #3

        Hi @mariusjopen,
        i attached a screenshot… in the background you can see the blury lightbox image.
        On top you see the jpg in original size (using the hover-zoom browser plugin).

        It would be great if there is a way to set a max-width for the pictures shown up in the lightbox… or an option that the images are not shown up bigger than their og-size.

        Best!
        Oli

        alt text

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

          Dear @oli
          can you send a link?

          Much easier to inspect.

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • O Offline
            O Offline
            oli
            wrote on last edited by
            #5

            Hi @mariusjopen
            here you go: http://oliverzuber.de/wp1

            Best!
            Oli

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

              Hi @oli
              so on big screens you want to limit the size of the lightbox image to the original size?

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply
              0
              • O Offline
                O Offline
                oli
                wrote on last edited by
                #7

                Hi @mariusjopen
                Yes!

                Best
                Oli

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

                  Hi @oli

                  you can add this to your CUSTOM CSS

                  .lightbox-image-holder img {
                      height: initial !important;
                      width: initial !important;
                  }
                  

                  Let me know if that worked out.

                  Best!

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