Can not find CSS to center my wordpress lightboxes

Question

当我的网站上的图片在Lightbox中打开（Wordpress上的Lightbox Plus Colorbox插件）时，它们固执地出现在屏幕的左上角，而不是中间。对此有何建议？我认为有些东西会覆盖灯箱对齐方式 - 默认情况下会自动居中对齐，而这些默认设置在其他已使用该插件的网站中都有效。我试图通过检查元素找到问题的根源，但我无法弄清楚问题所在。

URL例如：http://escape-industries.ninja/directions

设置：所有位置设置为默认。完整设置如下。

谢谢！

〜伊桑

WordPress的信息

WordPress版本：4.1 jQuery的版本：1.11.1 服务器信息

网站网址：http://escape-industries.ninja PHP版本：29年3月5日 服务器软件：阿帕奇 插件信息

Lightbox Plus Colorbox版本：2。 7 LBP简码版本：3.9 彩盒版本：1.5.9 简单的PHP HTML DOM解析器版本：1.5版本：202 客户信息

浏览器：Mozilla/5.0（Macintosh上;英特尔的Mac OS X 10_6_8）为AppleWebKit/537.36（KHTML，例如Gecko）Chrome浏览器/ Safari浏览器39.0.2171.95/537.36 视口：1425x783 平台：MacIntel 的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：lightboxplus | load_location：wp_footer | load_priority：10 | use_perpage：1 | use_forpage：1 | use_forpost：0 |过渡：松紧|速度：0 | width：false |高度：false | inner_width：false | inner_height：false | 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 | rel：0 |循环：1 | esc_key：1 | arrow_key：1 |顶部：null |底部：false | left：false | right：null |固定：0 |

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

Answer 1

你的颜色框被初始化像

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