2014-06-13 5 views
1

가 난 그냥 복사Wordpress override thickbox CSS가 불가능합니까?

그래서
#TB_window { 
position: fixed; 
background: #fff; <== THIS 
z-index: 100050; 
visibility: hidden; 
text-align: left; 
top: 50%; 
left: 50%; 
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); 
} 

제거하려는 나의 .CSS 및 설정 배경으로 : 투명; ! important

하지만 무시하지는 않습니다. 그것은 또한 클래스 = "TB_overlayBG"을 가지고 있기 때문에 나는 또한 #TB_overlay ... 에서 배경을 제거 할 트릭은 너무

#TB_overlay.TB_overlayBG { background-color: transparent; !important }

내가 thickbox.css을 편집 할 수 없습니다 여기있다가 있기 때문에 Wordpress를 업데이트하면 덮어 씁니다. 나는이 이미지를 클릭하면

<a href="<?php the_permalink(); ?>?TB_iframe=true&width=790&height=578" class="thickbox"> 
<?php the_post_thumbnail('medium-thumb' , array('class' => 'product-image')); ?> 
</a> 

, 나는 게시물의 Thickbox와 내부 iframe을 얻을 :

나는 다음과 같이 사용자 정의 포스트 형식의 게시물 템플릿의 Thickbox와를 사용하는 플러그인이있다.

wp_register_style('catalogue-style', plugins_url('product-catalogue') . '/css/catalogue-style.css'); 
wp_enqueue_style('catalogue-style'); 

그래서 내 카탈로그-있는 style.css 페이지 소스에 처음 : 나는이 같은 플러그인을로드하는 .CSS 있습니다. thickbox.css는 바닥 글 뒤에 연결됩니다!

+0

당신이하는 JSFiddle하시기 바랍니다 게시 할 수 있습니까? – 21CmOfPain

+0

글쎄요, 저는 Wordpress 함수와 함께 JSFiddle을 게시하는 방법을 모릅니다. – alarian

+0

add_action (999와 비슷한 것)에서 카탈로그 스타일에 우선 순위를 부여하는 것이 효과가 있습니까? 어떤 플러그인의 세부 사항을 알지 못하고 생성 된 결과를 보지 못하면 추가 권장 사항을 제공하기가 어렵습니다. – jme11

답변

1

이 대신처럼 무시하십시오 :

#TB-window { 
    background:transparent; 
} 

배경은 배경색 및 배경 이미지를 포함하는 배경 속성을 많이 속기이다. Background-color는 none 값을 허용하지 않습니다. 사양에 따르면 다음 값을 허용합니다. <color> | 투명 | 상속.

배경 이미지는 속성으로 전혀 동의하지 않는다, 그래서 당신은 당신이 무시할 원하는 배경 속성에 이미지가 있다면, 당신은에서 아무도을 통과 없었다.

을하지만, 당신이 (가)에 아무도 통과하지 않는 경우 background 속성을 사용하여 상속을 가져오고 색상을 #fff로, 이미지 값을 none으로 지정한다고 가정합니다. 이해가 되니?

+0

안녕하세요, 답변 해 주셔서 감사합니다. 문제는 thickbox.css의 설정을 우선 적용 할 수 없기 때문입니다. 그래서 심지어 배경색을 사용하고 있습니다 : 투명합니다; 배경 : 투명; 또는 무엇이든 ... thickbox.css에 지정된 경우 해당 속성을 변경할 수 없습니다. 오버레이 배경색에 대해서도 마찬가지입니다. ( – alarian

+0

계단식 순서 계단식입니다. 항상 CSS를 무시할 수 있습니다 (여기서는 중요하지 않은 사용자 규칙을 제외하고). 따라서, WordPress에서이 사용자 정의 CSS를 다시 추가하십시오. 아마도 여기에서 혼동을 일으키는 부분 일 수 있습니다. – jme11

+0

원래 게시물이 업데이트되었습니다. – alarian

1

사람이 같은 문제의 시도가있는 경우 :

div#TB_window {background:none;box-shadow:none;}