케이보드 위젯 크기 조절 문의

안녕하세요, 항상 친절한 답변에 먼저 감사드립니다. 

케이보드 위젯 적용시 좌우가 꽉차게 보일 수 있는 방법을 문의 드립니다. 

https://imgur.com/xMZk2n7

위 사진에 빨간 화살표로 표시된 것 처럼 다른 위젯 처럼 좌우가 꽉차서 보여지는 방법이 있을까요?

답변 부탁드립니다. 감사합니다. 

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

    KBoard 위젯 플러그인을 감싸고 있는 영역에

    기본적으로 상하좌우 15px 여백이 설정되어 있습니다.

     

    여백을 없애시려면

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

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

    .kboard-default-widget-list { padding: 0; }

     

    위, 아래 여백은 유지하시려면

    아래의 코드로 교체해보세요.

    .kboard-default-widget-list { padding: 15px 0; }

     

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

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

    고맙습니다.

  • 적어주신 방법으로 진행했는데 변함이 없습니다. 

    매번 테스트 마다 캐시를 비우고 새로고침을 해도 적용이 되질 않습니다. 

    1. 사용자 정의하기 -> CSS 입력필드에 코드 추가

    2. 테마편집기 -> 스타일시트CSS 코드 추가

    3. FTP 접속 후 테마폴더의 style.css 에 코드 추가

    4. 케이보드 대시보드 커스텀 CSS 코드 추가

    위 방법 모두 적용이 되질 않았습니다. 다른 글에서 위젯의 글씨색 및 배경 변경 등의 코드들을 테스트로 적용해보니 그것들은 정상적으로 적용이 됩니다. 

    다른 방법이 있을까요? 답변 감사합니다. 

  • 안녕하세요.

    비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

  • CSS 코드가 정상적으로 추가되지 않은 듯합니다.

    실제 추가하신 코드는 어떻게 되시는지요?

    잠시 다른 테마로 바꿔서도 확인해보시고

    모든 플러그인을 비활성화한 상태에서 코드를 추가하고 다시 활성화해보시겠어요?

    고맙습니다.

  • 케이보드 정식 위젯대신 일반 텍스트 위젯에 최신글 모아보기 숏코드로 해결했습니다. 감사합니다. 

  • 같은 질문이어서 새로운 글대신에 이곳에 답글을 달아봅니다.

    저도 제공하신 솔루션으로 해결이 안되네요. 이것 저것 css 파일을 다 만져봐도 이상하게 계속 여백이 없어지지가 않네요.

    혹시 다른 방법이 있나요? 

  • techfever님 CSS 문제는 실제 페이지를 확인해봐야 도움 드리기가 수월합니다.

    다른 CSS 속성과 충돌로 잘 적용이 안된다면 !important 속성을 추가해서 시도해볼 수 있겠습니다.

    .kboard-default-widget-list { padding: 0 !important; }

    고맙습니다.

  • 아 그거였군요. 해결됐습니다.

    그동안 너무 쉽게 도움을 많이 받은 것 같아 오늘 스킨이라도 몇개 구입하겠습니다.

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