jquery - 找不到 CSS 来使我的 Wordpress 灯箱居中

Question

我网站上的图片在灯箱(Wordpress 上的 Lightbox Plus Colorbox 插件)中打开时，顽固地出现在屏幕的左上角，而不是中间。对此有何建议？我认为某些东西覆盖了 Lightbox 对齐方式——它意味着默认情况下会自动居中，并且这些默认设置在我使用该插件的其他网站上也有效。我尝试通过 Inspect Element 找到问题的根源，但我无法弄清楚问题是什么。

网址示例:http://escape-industries.ninja/directions

设置:所有位置设置都是默认的。下面列出了完整设置。

谢谢!

~伊桑

WordPress 信息

WordPress 版本:4.1jQuery 版本:1.11.1服务器信息

网站网址:http://escape-industries.ninjaPHP版本:5.3.29服务器软件:Apache插件信息

Lightbox Plus 彩盒版本:2.7LBP简码版本:3.9彩盒版本:1.5.9简单的 PHP HTML DOM 解析器版本:1.5 修订版:202客户信息

浏览器:Mozilla/5.0(Macintosh；Intel Mac OS X 10_6_8)AppleWebKit/537.36(KHTML，如 Gecko)Chrome/39.0.2171.95 Safari/537.36视口(viewport):1425x783平台:MacIntelJavascript:是的显示原始设置lightboxplus_multi: 0 |使用内联:0 | inline_num: 5 | lightboxplus_style: 深色 |使用自定义样式:0 |禁用_css:0 |隐藏_关于:0 | output_htmlv: 0 |数据名称:lightboxplus |加载位置:wp_footer |加载优先级:10 |每页使用:1 |使用页面:1 | use_forpost: 0 |过渡: flex |速度:0 |宽度:假 |高度:假 |内部宽度:假 |内部高度:假 |初始宽度:300 |初始高度:100 |最大宽度:80% |最大高度:80% |调整大小:1 |不透明度:0.8 |预加载:1 |标签图像: |标签: |上一个: 上一个 |下一个:下一个 |关闭:关闭 |覆盖关闭:1 |幻灯片:0 | slideshow_auto:0 | slideshow_speed:500 | slideshow_start:开始| slideshow_stop: 停止 |使用标题标题:0 | gallery_lightboxplus:1 |多个画廊:1 |使用类方法:0 |类名:lbp_primary | no_auto_lightbox: 0 |文本链接:0 | no_display_title: 0 |滚动:1 |照片:0 |相关:0 |循环:1 | esc_键:1 |箭头键:1 |顶部:空 |底部:假 |左:假 |右:空 |固定:0 |

https://wordpress.org/plugins/lightbox-plus/

Answer 1

你的 colorbox 被初始化为

$("a[rel*=lightbox]").colorbox({
    speed:0,
    initialWidth:"300",
    initialHeight:"100",
    maxWidth:"80%",
    maxHeight:"80%",
    opacity:0.8,
    current:" {current}  {total}",
    top:"null",
    right:"null"
});

尝试删除最后两行 top:"null",right:"null"

最终结果应该是这样的

$("a[rel*=lightbox]").colorbox({
    speed:0,
    initialWidth:"300",
    initialHeight:"100",
    maxWidth:"80%",
    maxHeight:"80%",
    opacity:0.8,
    current:" {current}  {total}"
});

或将 top:"null",right:"null" 更改为 top:false,right:false