Lay Theme Forum

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

    Defined website margins in pixel + lightbox problem

    General Discussion
    2
    5
    408
    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.
    • ArneRobot
      ArneRobot last edited by

      Hello,

      on the website I am currently building: http://sebastianlange-sax.com/wp

      I needed defined left and right margins on my screens to make my layout work the way it should (fixed menu icon on the left) so I set the body to

      body {
      margin: 0 60px 0 60px;
      }

      This works pretty nicely and the rest of Lay Theme adjusts well to that. But unfortunately the lightbox drifts off to the left. Probably it can't center correctly anymore. See here for example:

      http://sebastianlange-sax.com/wp/saxussion

      Any idea how I can either fix the lightbox or find a better solution for my left and right body margins?

      Thanks for your help!
      Cheers, Arne

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

        Hi Arne,

        when you remove your custom CSS and HTML does the lightbox then work?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • ArneRobot
          ArneRobot last edited by

          Hello Marius.

          Yes, it's definately this bit that confuses the lightbox:

          body {
          margin: 0 60px 0 60px;
          }

          I know about that but I need these fixed picel margins for my design. So I'm looking for a solution to fix the lightbox AND have my fixed page margins!

          Any idea how to achieve that?

          Thanks and regards,
          Arne

          1 Reply Last reply Reply Quote 0
          • ArneRobot
            ArneRobot last edited by ArneRobot

            I got it: I replaced "margin" with "padding". Lightbox intact!

            My code now is:

            body {
            padding: 0 60px 0 60px;
            }

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

              Hi Arne!

              What a relief!

              Great!

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              I don't answer or check forum DMs, please just post on the forum.

              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

              Recent Topics

              • M

                Tag filter / Maximum width

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

              • text underline

              • centred Carousel fixed width and proportions

              laytheme.com