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. General Discussion
  3. Defined website margins in pixel + lightbox problem

Defined website margins in pixel + lightbox problem

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 489 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.
  • ArneRobotA Offline
    ArneRobotA Offline
    ArneRobot
    wrote on last edited by
    #1

    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
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Hi Arne,

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

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • ArneRobotA Offline
        ArneRobotA Offline
        ArneRobot
        wrote on last edited by
        #3

        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
        0
        • ArneRobotA Offline
          ArneRobotA Offline
          ArneRobot
          wrote on last edited by ArneRobot
          #4

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

          My code now is:

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

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

            Hi Arne!

            What a relief!

            Great!

            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