코스모스팜 스레드

글쓰기 화면 고정문재

안녕하세요.

글쓰기 모드에서 화면을 좌측으로 브라우저 크기를 축소하면

레이아웃이 바뀌지 않았으면 좋겠습니다.

모바일에도 영향을 끼치는데요

예를들면

제목 -----------------

작성자 ---------------

본문

이상태 에서 화면크기를 .좌측으로 끝까지 줄이면

제목

---------------

작성자

---------------

이렇게 바뀝니다.

--------------(는 작성란 입니다.) 작성란이 아래로 배치가 됩니다.

 

고정시키는 방법 없을까요? 모바일도 pc화면과 동일하면 좋겠습니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    모바일에서는 화면이 좁기 때문에 의도적으로 필드명 아래에 입력 필드를 표시하고 있습니다.

    PC 화면처럼 보이게 하시려면 CSS 코드를 수정해주셔야 합니다.

     

    스킨마다 코드가 다르기 때문에 Default 스킨을 기준으로 안내해드리겠습니다.

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

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

    #kboard-default-editor .kboard-attr-row .attr-name { width: 120px; }
    #kboard-default-editor .kboard-attr-row .attr-value { margin: 0 0 0 140px; }
    #kboard-default-editor select,
    #kboard-default-editor input[type=text],
    #kboard-default-editor input[type=email],
    #kboard-default-editor input[type=number],
    #kboard-default-editor input[type=date],
    #kboard-default-editor input[type=password],
    #kboard-default-editor input[type=file] { width: 100%; }
    #kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 5px; }

    다른 스킨을 사용 중이시라면 위의 코드에서 default 부분을 스킨명으로 교체해서 확인해보세요.

    그래도 적용되지 않는다면 사용 중이신 스킨도 알려주시겠어요?

     

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

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

     

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

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

    고맙습니다.

  • #커뮤니티 자동 추천글

    가브리엘05의 스레드

    더보기

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