无法找到CSS来集中我的Wordpress灯箱

时间:2015-01-07 02:18:29

标签: jquery css wordpress lightbox

我的网站上的图片,当在灯箱中打开时(Wordpress上的Lightbox Plus Colorbox插件),顽固地出现在屏幕的左上角,而不是中间。有什么建议吗?我认为有些事情会覆盖灯箱对齐 - 默认情况下它会自动居中,而这些默认设置在我使用该插件的其他网站中有效。我试图通过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 Colorbox版本:2.7 LBP短代码版本:3.9 Colorbox版本: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 平台:MacIntel Javascript:是的 显示原始设置 lightboxplus_multi:0 | use_inline:0 | inline_num:5 | lightboxplus_style:dark | 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 | height: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 | top:null | bottom:false | left:false |右:null |修正:0 |

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

1 个答案:

答案 0 :(得分:0)

您的颜色框初始化为

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