Defined website margins in pixel + lightbox problem
-
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 -
Hi Arne,
when you remove your custom CSS and HTML does the lightbox then work?
Best!
Marius
-
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 -
I got it: I replaced "margin" with "padding". Lightbox intact!
My code now is:
body {
padding: 0 60px 0 60px;
} -
Hi Arne!
What a relief!
Great!
Best!
Marius
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