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. Lightbox Addon "close lightbox"

Lightbox Addon "close lightbox"

Scheduled Pinned Locked Moved Addons
10 Posts 2 Posters 213 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.
  • R Offline
    R Offline
    Rogue
    wrote on last edited by
    #1

    Hello dear Lay team,
    is there a possibility to move the close-lightbox button via CSS? Preferably at the lower right edge
    Have a nice day

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

      Dear @Rogue

      You'll have to test but give this a go šŸŒ

      body.lightbox-css-on #lightbox-region .close-lightbox {
          right: 0;
          bottom: 0;
          position: fixed;
          padding: 20px;
          z-index: 20;
          cursor: pointer;
      }
      

      Result:

      Screen Shot 2022-02-02 at 9.50.50 AM.png


      Best
      Richard
      1 Reply Last reply
      0
      • R Offline
        R Offline
        Rogue
        wrote on last edited by
        #3

        @Richard said in Lightbox Addon "close lightbox":

        body.lightbox-css-on #lightbox-region .close-lightbox {
        right: 0;
        bottom: 0;
        position: fixed;
        padding: 20px;
        z-index: 20;
        cursor: pointer;
        }

        Hello Richard,
        thanks for your quick reply, however it did not work for me. The Close button still remains at the top.
        I have entered the CSS code in the desktop CSS.
        C-─-K.png

        1 Reply Last reply
        0
        • R Offline
          R Offline
          Rogue
          wrote on last edited by
          #4

          No CSS setting works at all anymore :(

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Dear @Rogue

            No CSS works anymore? Please remove the above code and test. šŸ”


            Talk soon & best wishes
            Richard
            R 1 Reply Last reply
            0
            • RichardR Richard

              Dear @Rogue

              No CSS works anymore? Please remove the above code and test. šŸ”


              Talk soon & best wishes
              Richard
              R Offline
              R Offline
              Rogue
              wrote on last edited by
              #6

              @Richard still no success

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

                Dear @Rogue

                Problem: No CSS Code works anymore,
                If you need me to take a closer look, send me you login details via "Chats' and i can inspect šŸ”

                Note: please do not disclose any private info on the thread itself


                Best
                Richard
                1 Reply Last reply
                0
                • RichardR Offline
                  RichardR Offline
                  Richard
                  Global Moderator
                  wrote on last edited by
                  #8

                  Dear @Rogue

                  Thanks for the Login details, great website ā­ļø

                  So i've got the Lightbox "Close" in the bottom right corner now:
                  Screen Shot 2022-02-11 at 11.58.57 AM.png

                  Is this solved then? Another issue was "No CSS is working Anymore" what css specifically? can we expand on this? just for understanding šŸŒ


                  Sincerely
                  Richard
                  R 1 Reply Last reply
                  0
                  • RichardR Richard

                    Dear @Rogue

                    Thanks for the Login details, great website ā­ļø

                    So i've got the Lightbox "Close" in the bottom right corner now:
                    Screen Shot 2022-02-11 at 11.58.57 AM.png

                    Is this solved then? Another issue was "No CSS is working Anymore" what css specifically? can we expand on this? just for understanding šŸŒ


                    Sincerely
                    Richard
                    R Offline
                    R Offline
                    Rogue
                    wrote on last edited by
                    #9

                    @Richard wow. thank you.
                    where was the error?
                    No. now all CSS codes are running.
                    Thank you very much. I'm glad you like the work.
                    Have a wonderful rest of the week.
                    Greetings Chris

                    1 Reply Last reply
                    0
                    • RichardR Offline
                      RichardR Offline
                      Richard
                      Global Moderator
                      wrote on last edited by
                      #10
                      @Rogue

                      Great Chris all is working 🌻

                      Some of the Lay Theme native code was overriding the code i gave you so i just need to sort that out top:auto šŸ‘


                      Have a great weekend
                      Richard
                      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