작성자 작성일 추천 조회 폰트색상 변경 방법 요청드립니다.

안녕하세요.

더운 날씨에 고생들 많으십니다.

최근 허접한 실력으로 홈피를 만들다 보니 막히는 것이 한두가지가 아니어서 이렇게 도움을 구합니다.

 

홈페이지 전체적인 기본 칼라가 블랙이다 보니 KBoard 게시판 폰트 색상이 안보이는 경우가 생깁니다.

리스트나, 텍스트 입력난 색상은 대시보드  커스텀css 코드 추가로 해결했는데,

작성자 작성일 추천 조회은 커스텀css 코드추가에 어떻게 쓰넣으면 될련지 선생님들의 조언좀 부탁드립니다.

감사합니다.

http://theinterium.com/?page_id=1677

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • /* 비공식적인 답변입니다 */

     

    현재 사용하시는 테마의 스타일시트에 아래와 같이 body 색상을 지정해 놓았습니다.

    body {
        color: #ededed;  /* ------- 게시판 글씨 색상 수정 ------ */

    }

    따라서 

    (첫째 방법) 테마 스타일시트에서 위의 색상 칼라를 color: #333; 로 바꿔주셔도 되고요,

     

    (두번째 방법) KBoard의 스타일 시트에서 아래 부분을 찾으셔서 아래와 같이 색상 변경을 하셔도 되는데,

    body 색상은 다른 것과도 관련성이 높아 보이기에 두번 째 방법을 추천합니다.

     

    #kboard-default-list .kboard-list tbody tr td { color: #333 !important; }

     

    ps. KBoard의 운영진에서 답변을 다는데 너무 많은 시간을 소요하는 것 같아서

    안쓰러운 마음에 조금이라도 거들어 주고 싶어서 비공식적인 답변을 달았습니다.

    KBoard 개발자가 아니기에 답변이 조금 미흡할 수도 있습니다^^;;;

  • 안녕하세요~^^

    !important 속성은 반드시 필요한 경우가 아니라면 사용하지 않는게 좋습니다. ㅎㅎ

    거의 방법은 누구나 비슷할 듯합니다.

    #kboard-default-list .kboard-list table td.kboard-list-user { color: black; }
    #kboard-default-list .kboard-list table td.kboard-list-date { color: black; }
    #kboard-default-list .kboard-list table td.kboard-list-vote { color: black; }
    #kboard-default-list .kboard-list table td.kboard-list-view { color: black; }

    워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 쪽에 추가하여 사용하시면 됩니다.

    작성자, 작성일, 추천 등 색상을 적용하는 CSS 코드입니다.

    각각 원하시는 색상으로 변경해서 사용하시면 됩니다.

    고맙습니다.

  • ㅎㅎ

    스레드봇님이 정답지를 올려 주셨군요^^

    KBoard는 커스텀 하기가 쉽고, 편리해서 매우 좋은 게시판 플러그인입니다~

    즉, Must Have Plugin 이죠!!!

  • 폭염에 덥고 바쁘실텐데 애정어린 맘으로 답변 달아 주신 선생님들께 감사말씀 올립니다.

    가까우면 시원한 아이스커피라도 한잔 대접해드리고 싶습니다.

    시원한 하루 되세요. 감사합니다. (_ _)

  • 워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 쪽에  적용하는 코드 사용해 봤는데요..

    피씨에서는 잘 되고, 모바일에는 적용되지않던데,

    모바일로도 추천수 조회수 (디폴트 스킨일때) 색깔 지정 방법 부탁드립니다.

    감사합니다...

  • 안녕하세요.

    PC와 모바일에서의 CSS 속성을 다르게 주시려면 미디어 쿼리에 대해 찾아보셔야 할 듯합니다.

    미디어 쿼리에 대해 구글에 검색해보시면 많은 정보들이 있으니 참고해보시겠어요?

    아래의 코드처럼 적용해보세요.

    @media screen and (max-width: 600px) {
    	// 이곳에 모바일 화면에서 표시할 CSS 코드를 입력해보세요.
    	#kboard-default-list .kboard-list table td.kboard-list-user { color: black; }
    	#kboard-default-list .kboard-list table td.kboard-list-date { color: black; }
    	#kboard-default-list .kboard-list table td.kboard-list-vote { color: black; }
    	#kboard-default-list .kboard-list table td.kboard-list-view { color: black; }
    }

    고맙습니다.

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