게시판 색상 수정과 글씨, 페이지 번호, 버튼 수정 문의

안녕하세요? 무제한 라이센스 구매자입니다.

KBoard 게시판 색상 수정. 글씨, 페이지 번호, 버튼 등을 수정하기 위해 관련 글을 찾아 적용했으나, 실패하고 글 남깁니다.

http://dermachung.cafe24.com/wp-content/uploads/2018/05/Untitled-3.jpg

 

http://dermachung.cafe24.com/wp-content/uploads/2018/05/Untitled-4.jpg

 

1. 첨부된 파일의 게시판은 venus-webzine 입니다. 1번 첨부파일과 2번 첨부파일의 색을 

1-1. #00a8e7, hover: #4dc2ee

1-2. text는 no shadow

1-3. button도 no shadow, no line

- default 게시판과 색구성을 똑같이 통일하고 싶습니다.


2. default게시판 색구성으로 전 게시판을 통일하고 싶습니다.

수정을 요하는 게시판은 ask-one, venus-webzine, card-gallery, inside-ask, modern-gallery, ocean-gallery 입니다.

 

보태기 글

케이보드를 좋아하는 마음에 어렵게 한 말씀 올립니다.

초보자를 위해 CSS에 코드를 직접 넣지 않아도, 직접 php를 수정하지 않아도, 워드프레스 관리자에서 쉽게 변경할 수 있었으면 합니다.

나날이 쉬워져 가는 여러 플러그-인과 테마를 보면서 감탄을 금치 못하고 있는데 케이보드는 그렇지 못해 아쉽습니다. 그동안 무료로 감사하게 사용하며 아쉬운 마음을 표현하지 못했지만, 유료로 구매했으니 이 말씀만은 드리고 싶었습니다.

힘 빠지는 내용이라도, 위에서 말씀드린 대로 좋아하는 마음에 드리는 글이오니 부디 UI/UX가 좋아지길 기대하겠습니다. 어려운 점이 많겠지만, 앞으로 워드프레스 전 세계 사용자에게 사랑받는 플러그-인이 되었으면 좋겠습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 비너스 웹진 스킨의 게시판 목록 페이지에서 글자 색상을 수정하시려면

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

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

    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info .kboard-info-value { color: black; }

    버튼 색상을 변경하시려면 아래의 코드도 추가해보시겠어요?

    a.kboard-venus-webzine-button-small,
    input.kboard-venus-webzine-button-small,
    button.kboard-venus-webzine-button-small,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active a { background: #00a8e7 !important; color: white !important;  border: none !important;}
    
    a.kboard-venus-webzine-button-small:hover,
    input.kboard-venus-webzine-button-small:hover,
    button.kboard-venus-webzine-button-small:hover,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active a:hover { background-color: #4dc2ee !important; color: white !important; }

    다른 스킨에도 적용하시려면 위 코드에서 venus-webzine 부분을 스킨명으로 수정하신 후에 추가해보시겠어요?

    추후 연구 개발해서 버튼 색상 및 글자 색상 등 관리자 페이지에서 쉽게 관리할 수 있도록 업데이트하도록 하겠습니다.

    고맙습니다.

  • 안녕하세요? 질문 드렸던 것 중에 아래는 수정되지가 않았습니다. (venus-webzine)

    1. '글쓰기' 버튼 색상(마우스를 버튼에 올리기 전)이 변하지 않았습니다.

    2. '글쓰기' 버튼 그림자(마우스를 버튼에 올리기 전)이 제거되지 않았습니다.

    3. 질문 글 첨부 파일에 보면 하나의 글 전체를 둘러싼 가장 큰 사각형 border 제거도 알려 주세요.

    4. 다른 게시판도 '글쓰기' 버튼(마우스를 버튼에 올리기 전)이 변하지 않습니다.

    http://dermachung.cafe24.com/customer-center/academic-activity/

    감사합니다.

  • 안녕하세요.

    1번, 4번

    기존의 코드 대신 아래의 코드를 적용해보시겠어요?

    a.kboard-venus-webzine-button-small,
    input.kboard-venus-webzine-button-small,
    button.kboard-venus-webzine-button-small,
    .kboard-venus-webzine-button-small:link,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active a { background: #00a8e7 !important; color: white !important;  border: none !important;}
    
    a.kboard-venus-webzine-button-small:hover,
    input.kboard-venus-webzine-button-small:hover,
    button.kboard-venus-webzine-button-small:hover,
    #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active a:hover { background-color: #4dc2ee !important; color: white !important; }

     

    2번

    그림자는 아마 테마 쪽 CSS 문제인 듯합니다.

    비회원으로도 글쓰기 버튼을 확인할 수 있도록 설정을 바꿔주시면 확인해보겠습니다.

     

    3번

    비너스 웹진 스킨에서 게시글에 마우스를 올렸을 때 테두리를 안 보이게 하시려면

    아래의 CSS 코드도 추가해주세요.

    #kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover { border: none; }

    고맙습니다.

  • 안녕하세요?

    1번, 4번 - 알려주신 것으로 했으나 해결되지 않았습니다.

    2번 - 공지사항 게시판인 default는 글쓰기 버튼에 글자 그림자와 버튼 그림자가 없습니다. 테마 CSS에도 버튼 그림자와 글자 그림자는 설정하지 않았습니다. 만일 테마 문제면 default 게시판의 버튼에도 글자 그림자와 버튼 그림자가 있어야 하지 않을까요?

    5번 추가 - 글쓰기 버튼을 누르고 들어가면, 돌아가기 버튼 또한 색상 적용이 되지 않습니다. 이것도 바꾸려면 어떻게 해야 하나요?

    5-1. Venus-webzine, 익스플로러 11, 엣지에서는 돌아가기 버튼의 색상이 원하는 색상으로 보입니다. 그러나 크롬에서는 흰색 바탕으로 보입니다.

    5-2. Card-gallery, 위 브라우저에서 돌아가기 버튼의 색상이 모두 흰색 바탕으로 보입니다.

     

    비회원이 글을 쓸 수 있게 바꿨습니다. 내일 오픈을 해야해서 빠른 답변 부탁하겠습니다.

    - Default board
    http://dermachung.cafe24.com/customer-center/notice/

    - Venus-webzine
    http://dermachung.cafe24.com/customer-center/academic-activity/

    - Card-gallery

    http://dermachung.cafe24.com/customer-center/press-release-celebrity/

  • 안녕하세요~^^

    CSS 코드를 수정을 하신 후에는 브라우저의 캐시를 비우신 후에 확인해보세요.

    크롬 브라우저에서 캐시를 비우시려면 강력 새로고침을 해보세요.

    단축키는 Ctrl + Shift + R입니다.

     

    그림자는 아래의 링크를 참고하셔서 CSS 코드를 수정해보시겠어요?

    http://webdir.tistory.com/410

     

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

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

    .kboard-venus-webzine-button-small,
    .kboard-venus-webzine-button-small:link,
    .kboard-venus-webzine-button-small:visited,
    .kboard-card-gallery-button-small,
    .kboard-card-gallery-button-small:link,
    .kboard-card-gallery-button-small:visited { background: #00a8e7 !important; color: white !important; border: none !important; }

    고맙습니다.

  • http://dermachung.cafe24.com/customer-center/press-release-celebrity/

    card-gallery: 글 리스트를 표기하는 하단 번호 색상(원래, hover)이 바뀌지 않습니다.

     

    http://dermachung.cafe24.com/customer-center/board-2/

    ask-one: 검색 버튼의 색상(원래, hover)이 바뀌지 않습니다.

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

    #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a,
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover { background: #00a8e7 !important; }
    button.kboard-ask-one-button-search { background: #00a8e7 !important; }

    고맙습니다.

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