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

Can't find CSS to center my Wordpress lightboxes

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

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

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

谢谢!

~伊森

WordPress 信息

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

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

Lightbox Plus 彩盒版本:2.7 LBP简码版本: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 视口:1425x783 平台:Mac英特尔 Javascript:是的 显示原始设置 lightboxplus_multi:0 | use_inline:0 | inline_num: 5 | lightboxplus_style: 黑暗 | use_custom_style:0 | disable_css:0 | hide_about:0 | output_htmlv:0 | data_name: 灯箱加号 | load_location: wp_footer | load_priority: 10 | use_perpage:1 | use_forpage:1 | use_forpost:0 |过渡:弹性 |速度:0 |宽度:假 |高度:假 | inner_width:错误 | inner_height:错误 | initial_width:300 | initial_height: 100 | max_width:80% | max_height:80% |调整大小:1 |不透明度:0.8 |预加载:1 | label_image: | label_of: |上一个: 上一个 |下一个:下一个 |关闭:关闭 | overlay_close:1 |幻灯片:0 | slideshow_auto:0 | slideshow_speed:500 | slideshow_start:开始 | slideshow_stop: 停止 | use_caption_title:0 | gallery_lightboxplus:1 | multiple_galleries: 1 | use_class_method:0 | class_name: lbp_primary | no_auto_lightbox:0 | text_links:0 | no_display_title:0 |滚动:1 |照片:0 |相关:0 |循环:1 | esc_key:1 | arrow_key:1 |顶部:空 |底部:假 |左:假 |右:空 |固定:0 |

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

您的颜色框已初始化为

$("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