Nivo 슬라이더 탐색 스타일 문제

Question

그래서 DotsAndDashes라는 사용자 지정 Nivo 슬라이더 테마가 있으며 주제 문제의 CSS 시트를 통해 해결할 수있는 몇 가지 문제가 있습니다.

첫 번째는 위에 제시된대로 탐색 화살표와 관련되어있어 nextNav가 오늘 아침 잘못된 방향을 향하고있었습니다. 나는 CSS와 어설프게 했어, 그것은 같은 지금의 ...

당분간

.theme-DotsAndDashes .nivo-directionNav a { 
display:block; 
width:30px; 
height:30px; 
background:url(wp-content/uploads/nivo-themes/DotsAndDashes/arrows.png) no-repeat; 
text-indent:-9999px; 
border:0; 
opacity: 0; 
-webkit-transition: all 200ms ease-in-out; 
-moz-transition: all 200ms ease-in-out; 
-o-transition: all 200ms ease-in-out; 
transition: all 200ms ease-in-out; 

.theme-DotsAndDashes:hover .nivo-directionNav a { opacity: 1; } 
.theme-DotsAndDashes a.nivo-nextNav { 
background-position:-30px 0; 
right:15px; 
.theme-DotsAndDashes a.nivo-prevNav { 
left:15px; 

, 지금 어떠한 화살표가없고 그 수 있습니다 이유를 정말 이해할 수없는

다른 문제는 미리보기 이미지의 크기 조정과 관련됩니다. 현재 그들은 중심에 있지만 주어진 갤러리의 엄지 수에 따라 비례 적으로 크기가 변경 될 필요가 있습니다.

미리 감사드립니다.

Answer 1

내가 알아 차린 첫 번째 사실은 arrows.png에서 리소스를로드하지 못했습니다. 오류입니다. 그렇기 때문에 보이지 않는 이유는 찾을 수 없기 때문입니다. 둘째, 아무것도 바꾸지 않는 경우 왜 nivo의 전체 테마를 만드나요? 이러한 사소한 변경 사항은 원래 CSS에 대한 우선 적용으로 쉽게 기본 css에 통합 될 수 있습니다. 이 방법을 사용하면 테마에서 무언가를 잊어 버리거나 변경해서는 안되는 다른 것으로 뭔가를 변경하는 것처럼 오류가 발생하지 않게됩니다. 희망이 도움이됩니다.