모바일 여백, 모바일에서 조회, 추천 삭제 등

게시판을 검색하면서 이것저것 해봤는데 그래도 안되어서 문의 남깁니다.

1. 5.3.4업데이트 하고 나서 페이지 번호가 모바일 pc 모두 세로로 나옵니다.

2. pc에서 조회수, 추천은 안보이도록 했는데, 모바일에서는 여전히 보입니다. 없애는 방법부탁드립니다.

3. 모바일에서 좌우여백을 줄이려고 아무리 해도 안되네요. ㅠㅠ

http://nonbuponline.com/%EA%B3%B5%EC%A7%80%EC%82%AC%ED%95%AD/

 

미리 감사드립니다. ^^

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    default 스킨을 복사하여 여러 개 사용하고 계시군요.

    이런 경우 다른 복사한 스킨에 있는 CSS 속성이 적용될 수 있습니다.

     

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-default-list .kboard-pagination .kboard-pagination-pages li a { border: 1px solid #00a8e7; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a { display: inline; }
    
    .contents-separator kboard-vote,
    .contents-item kboard-vote,
    .contents-separator kboard-view,
    .contents-item kboard-view { display: none; }
    
    .no.content { padding: 0; }

    고맙습니다.

  • 답변 감사드립니다 ^^ 모바일 여백이 줄었네요. ^^

     

    1. pc, 모바일에서 페이지 1,2,3,4 가 가로로 표시되는 것이 아니라 

    세로로 이상하게 표시되는 건 어떻게 수정해야 할까요?? 

    2. 모바일 목록에서 조회, 추천 삭제하는 방법이 있을까요?? 

    감사합니다. 

  • 아래의 코드들로 다시 적용해보시겠어요?

    #kboard-default-list .kboard-pagination .kboard-pagination-pages li a { display: inline; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a { border: 1px solid #00a8e7; }
    
    .kboard-mobile-contents .contents-separator.kboard-vote,
    .kboard-mobile-contents .contents-item.kboard-vote,
    .kboard-mobile-contents .contents-separator.kboard-view,
    .kboard-mobile-contents .contents-item.kboard-view { display: none; }
    
    
    #kboard-default-list .kboard-list .kboard-mobile-contents .kboard-vote,
    #kboard-default-list .kboard-list .kboard-mobile-contents .contents-item.kboard-vote,
    #kboard-default-list .kboard-list .kboard-mobile-contents .kboard-view,
    #kboard-default-list .kboard-list .kboard-mobile-contents .contents-item.kboard-view { display: none; }
    
    .no.content { padding: 0; }
    
    @media screen and (max-width: 600px){
    	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page a,
    	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page a { padding: 6px 11px; }
    }

    위에 알려드린 코드대신 이 코드로 적용해주세요.

    고맙습니다.

  • 오!! 감사합니다^^ 적용하니 깔끔합니다.

    새해복 많이 받으세요 ^^

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기