pagination hover 설정

안녕하세요,

워드프레스 게시판 KBoard 스타일 시트에서 pagination hover를 수정하고 싶은데 어떤 부분을 수정해야할지 모르겠습니다.

예를 들어, 커서를 가져다댔을 때 배경색을 지정하고 싶다면 어디에 작성해야하나요? ^^

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 어떤 스킨인지도 중요합니다.

    FTP 접속해서 스킨의 style.css 파일을 수정해주시면 됩니다.

     

    default 스킨을 예로들면, style.css 파일에 아래 코드가 있습니다.

    직접 수정하실 수 있습니다.

    #kboard-default-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; line-height: 40px; list-style: none; text-align: center; border: 0; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li a { padding: 6px 11px; border: 1px solid #dddddd; text-decoration: none; font-size: 13px; color: #999999; background-color: white; box-shadow: none; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a { border: 1px solid #d9534f; color: white; background-color: #d9534f; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }

     

    또는,

    테마의 style.css 파일 또는 커스텀 CSS에 아래의 코드를 추가해서 테스트 해보세요.

    색상코드는 원하시는걸로 변경해주세요.

    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a { border: 1px solid #d9534f; color: white; background-color: #d9534f; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a { border: 1px solid #d9534f; color: white; background-color: #d9534f; }

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요