코스모스팜 스레드

케이보드 게시판 크기 조절 문의

안녕하세요~
항상 도움 감사드립니다..
다름아니라 제가 홈피에 구현한 케이보드 게시판(http://xion.kr/?page_id=292)이 왼쪽에 치우쳐 있어서 메뉴 오른쪽 끝부분까지 넓히고 싶어서
관련 글들을 검색해 보았는데,
테마의 style.css hentry 속성을 100%로 수정하거나 케이보드 자체 속성 조절하라고 되어있는데
보니까 제가 적용시킨 테마는
https://imgur.com/a/oS9GlHw 처럼
현재 케이보드 게시판이 위치한 영역 오른쪽에 이벤트, 기사검색, 비즈링크 등의 위젯이 자리하게 되어있어서
케이보드를 메뉴끝까지 크기를 늘일수가 없는것 같더라구요.
이 경우에 이벤트, 기사검색, 비즈링크 등의 위젯이 위치한 영역을 무시하고
케이보드를 그 영역까지 늘이거나
아니면 오늘의 유머(현재 케이보드 게시판 위치 영역) 과 이벤트, 기사검색, 비즈링크 들이 위치한 영역을 모두 통합시킬수 있는방법이나
서브 화면도 메인처럼 사용할 수 있는 방법이 있는지요?
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    올려주신 페이지 주소로 확인해보니

    CSS 코드로 간단하게 해결될 듯합니다.

    워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

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

    #singlecontent { width: 100%; }

     

    위젯을 별도로 추가했을 레이아웃이 깨지지 않는지도 확인해보셔야 할 듯합니다.

    고맙습니다.

  • 감사합니다^^ pc에서 잘 적용이 되었어요. 모바일에서는 오른쪽이 잘리는데 어떻게 코드를 보완하면 될까요?

  • 안녕하세요.

    모바일에서 레이아웃이 잘리는 문제는

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

    @media screen and (max-width: 600px) {
    	#singlecontent { padding: 0; }
    	.container { padding: 20px; }
    }

    위의 코드에서 20px 부분은 게시판 레이아웃을 감싸고 있는 상하좌우의 여백입니다.

    적절히 조절해보시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)