kboard 게시판 자체 배경색, 글자색 변경

안녕하세요.

kboard default, modern-gallery, paly-video 스킨을 사용하고 있습니다.

홈페이지 배경을 검정색으로 변경하다보니까

게시판 스킨들도 배경을 검정색으로 변경하고 글자들을 흰색으로 변경하고 싶은데

어떻게 하면 될까요?

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

    해당 스킨들의 어느 부분을 수정하시려는지

    알려주시면 저희도 도움을 드릴 방법을 찾아보겠습니다.

     

    이미지 첨부가 가능하시다면 수정할 곳의 이미지와

    페이지 주소도 알려주시겠어요?

     

    크롬 브라우저의 개발자 도구(F12키)를 사용하시면

    CSS 속성을 보다 쉽게 찾고 테스트해보실 수 있습니다.

     

    아래의 링크 참고해보시면 CSS 코드 수정 시 도움이 되실 듯합니다.

    KBoard(케이보드) 게시판 버튼 색상 변경 방법

    고맙습니다.

  • 확인감사드립니다. 플레이비디오스킨 본문 쓰기 색상 반전이 안되서요. 크롬 확인해보면 아래 코드 같은데 확인부탁드립니다. 감사합니다.

    #kboard-play-video-editor .kboard-content  {background-color: transparent; }

     

  • 올려주신 이미지를 보면 관리자 쪽 작성자명은 제대로 나오는 듯합니다.

    실제로 저희 쪽에서 익스플로러 11로 확인해보니

    다른 사용자가 작성한 게시글 작성자도 정상적으로 표시하고 있습니다.

    캐시를 비우신 후 확인해보시겠어요?

    익스플로러에서 Ctrl + Shift + del 단축키를 사용해보세요.

    고맙습니다.

  • 썸네일 info 부분 에서 첨부이미지처럼 https://imgur.com/a/gRPfhPu 타 회원이름이 안보여서 important 적용했더니 크롬에서는 잘 보이는데 익스플로러가 안 보여서 아래 kboard-user 문구를 추가했더니 적용이 안되는데 코드 한번 점검부탁드립니다...

    #kboard-play-video-list .kboard-list-item .kboard-video-info {color: #f1f1f1 !important; }
    #kboard-video-info .kboard-video-info-item kboard-user {color: #f1f1f1; }
  • 항상 감사드립니다... 덕분에 적용 잘 했습니다. 플레이 비디오 스킨의 경우 추천수가 하트 모양으로 썸네일 위에 표시되게 되어있는데 이렇게 표시안하고 조회수 옆에 글자로 추천수 표시로 변경할 수 있을까요?

  • KBoard 플레이 비디오 스킨 게시글 목록 페이지에서

    썸네일 밑에 표시되는 게시글 정보 쪽 배경색을 검은색으로 변경하고

    글자들을 하얀색으로 변경하시려면

    아래의 코드를 활용해보시겠어요?

    /* 배경색 */
    #kboard-play-video-list .kboard-list-item { background-color: black; }
    /* 제목 글자 색상 */
    #kboard-play-video-list .kboard-list-item .kboard-list-title { color: white; }
    /* 게시글 정보 글자 색상 */
    #kboard-play-video-list .kboard-list-item .kboard-video-info { color: white; }

    고맙습니다.

  • 안녕하세요. 플레이비디오 스킨도 위 알려주신 코드와 크롬 소스보기로 하나하나 수정하고 있는데요.

    https://imgur.com/a/sM8HSOq 첨부이미지 빨간색 표시한 썸네일 부분 소스 변경이 먹히지 않아서요. 흰 배경은 검정으로 하고, 글자들은 흰색으로 하려고 하는데,

    #kboard-play-video-list .kboard-list-item .kboard-list-title { background: transparent; }
    
    

    이 구문이 아닌것 같습니다. 도움부탁드립니다.

  • 게시글에 마우스를 올렸을 때의 색상을 변경하시려면

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

    #kboard-default-list .kboard-list tbody tr:hover { background-color: black; }

    고맙습니다.

  • 감사합니다. 잘 적용되었어요.

    그런데 여기 링크 보시면

    http://xion.kr/wp-admin/customize.php?return=%2Fwp-admin%2F

    글 제목에 마우스 갖다대면 하얗게 오버색상이 되서 아무것도 안 보이는데 이 투명도를 낮추거나 흰색글자들이 보일수 있게 다른 색으로 바꿀수 있을까요?

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

    아래의 코드를 활용해보시겠어요?

    /* 최신순 */
    #kboard-default-list .kboard-list-header .kboard-sort select { background: none; }
    /* 카테고리 배경 */
    #kboard-default-list .kboard-category .kboard-category-list { background-color: transparent; }
    /* 카테고리 글자 색상 */
    #kboard-default-list .kboard-category .kboard-category-list li a { color: white; }
    #kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a { color: white; }
    /* 게시글 목록 - 배경 */
    #kboard-default-list .kboard-list { background-color: transparent; }
    /* 게시글 목록 - 글자 색상 */
    #kboard-default-list .kboard-list tr td { color: white; }
    #kboard-default-list .kboard-list table a { color: white; }
    /* 검색 셀렉트 */
    #kboard-default-list .kboard-search select { background-color: transparent; }
    /* 검색 입력폼 */
    #kboard-default-list .kboard-search input { background-color: transparent; }
    
    
    /* 게시글 본문 - 배경 */
    #kboard-default-document .kboard-document-wrap { background-color: transparent; }
    /* 게시글 본문 - 제목 */
    #kboard-default-document .kboard-title h1 { color: white; }

    고맙습니다.

  • http://xion.kr/?page_id=83

    http://xion.kr/?page_id=83&uid=4&mod=document&pageid=1

    http://xion.kr/?page_id=292

    http://xion.kr/?page_id=292&uid=48&mod=document&pageid=1

    위 링크주소들 흰 바탕은 검정색으로,

    검정글씨들은 모두 흰 글씨로 변경하려고 합니다..

  • KBoard 플레이 비디오 스킨에서 본문 쪽 배경색을 없애시려면

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

    #kboard-play-video-editor .kboard-content { background-color: transparent; }
    #kboard-play-video-editor .kboard-content textarea { background-color: transparent; }

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기