내 Wordpress 라이트 박스를 센터링 할 CSS를 찾을 수 없습니다.

Question

라이트 박스 (Wordpress의 라이트 박스 플러스 컬러 박스 플러그인)에서 열면 내 웹 사이트의 이미지가 화면 왼쪽 상단에 고집스럽게 표시됩니다. 중간. 이것에 대한 조언? 필자는 Lightbox 정렬을 재정의하는 것이 중요하다고 생각합니다. 기본적으로 자동으로 중심에 위치하기 때문에 기본 설정은 플러그인을 사용한 다른 웹 사이트에서도 작동합니다. Inspect 요소를 통해 문제의 원인을 찾으려고했지만 문제가 무엇인지 파악할 수 없습니다.

URL 예 : http://escape-industries.ninja/directions

설정 : 모든 위치 설정은 기본입니다. 전체 설정은 다음과 같습니다.

감사합니다.

~ 에단

워드 프레스 정보

워드 프레스 버전 : 4.1 jQuery를 버전 : 1.11.1 서버 정보

사이트 URL : http://escape-industries.ninja PHP 버전 : 5.3.29 서버 소프트웨어를 아파치 플러그인 정보

라이트 박스 플러스 컬러 박스 버전 : 2. 7 LBP 단축 코드 버전 : 3.9 Colorbox 버전 : 1.5.9 간단한 PHP HTML DOM 파서 버전 : 1.5 계 : (202) 클라이언트 정보

브라우저 : 모질라/5.0 (매킨토시; 인텔 맥 OS X 10_6_8) AppleWebKit/537.36 (KHTML, 도마뱀 붙이 등) 크롬/39.0.2171.95 사파리/537.36 뷰포트 : 1425x783 플랫폼 : MacIntel 자바 스크립트 : 예 디스플레이 Raw 설정 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 : 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 | 하단 : 거짓 | 왼쪽 : 거짓 | right : null | 고정 : 0 |

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

Answer 1

당신의 colorbox는 마지막 두 줄 top:"null",right:"null"을 제거하려고

이

최종 결과가

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

처럼 또는 01 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" 
}); 

처럼 초기화