找不到 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 |
您的颜色框已初始化为
$("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
我网站上的图片在灯箱(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 |
您的颜色框已初始化为
$("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