타이틀과 본문 높이를 줄이고 싶습니다. 채택완료
디자인아루즈
4개월 전
조회 760
https://sosajahwalhome.mycafe24.com/theme/sample03/html/organization_info.php
공간이 너무 넓어서 줄여보려고 하는데 소스 수정이 힘드네요 어디를 어떻게 수정하면 될까요?
http://sir.kr/data/editor/2506/1794606690_1750731770.9895.png" width="100%" />
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
4개월 전
</p>
<p>.content_wrap .txtCon {</p>
<ol jslog="Tree" role="tree">
<li jslog="TreeItem; parent: parentTreeItem; context: max-width; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="max-width 1300px" jslog="Toggle; track: click" type="checkbox" /> max-width: 1300px;</li>
<li aria-expanded="false" jslog="TreeItem; parent: parentTreeItem; context: margin; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="margin 0 auto" jslog="Toggle; track: click" type="checkbox" /> margin: 0 auto;</li>
<li aria-expanded="false" jslog="TreeItem; parent: parentTreeItem; context: padding; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="padding 60px 20px 50px 20px" jslog="Toggle; track: click" type="checkbox" /> padding: 60px 20px 50px 20px; // 여기서 50을 줄임</li>
<li jslog="TreeItem; parent: parentTreeItem; context: font-weight; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="font-weight 400" jslog="Toggle; track: click" type="checkbox" /> font-weight: 400;</li>
<li jslog="TreeItem; parent: parentTreeItem; context: position; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="position relative" jslog="Toggle; track: click" type="checkbox" /> position: relative;</li>
<li jslog="TreeItem; parent: parentTreeItem; context: clear; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="clear both" jslog="Toggle; track: click" type="checkbox" /> clear: both;</li>
</ol>
<p>}</p>
<p>.content_wrap .txtCon .sub_title {</p>
<ol jslog="Tree" role="tree">
<li jslog="TreeItem; parent: parentTreeItem; context: margin-bottom; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="margin-bottom 100px" jslog="Toggle; track: click" type="checkbox" /> margin-bottom: 100px; // 이 값을 줄임</li>
</ol>
<p>}</p>
<p> </p>
<p>.company_info .txt_page {</p>
<ol jslog="Tree" role="tree">
<li jslog="TreeItem; parent: parentTreeItem; context: max-width; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="max-width 1200px" jslog="Toggle; track: click" type="checkbox" /> max-width: 1200px;</li>
<li aria-expanded="false" jslog="TreeItem; parent: parentTreeItem; context: margin; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="margin 0 auto" jslog="Toggle; track: click" type="checkbox" /> margin: 0 auto;</li>
<li aria-expanded="false" jslog="TreeItem; parent: parentTreeItem; context: padding; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="padding 20px" jslog="Toggle; track: click" type="checkbox" /> padding: 20px; // 이 부분에서 padding top 만 별도로 줄임</li>
</ol>
<p>}</p>
<p>.company_info .txt_page h2 {</p>
<ol jslog="Tree" role="tree">
<li jslog="TreeItem; parent: parentTreeItem; context: font-size; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="font-size 42px" jslog="Toggle; track: click" type="checkbox" /> font-size: 42px;</li>
<li jslog="TreeItem; parent: parentTreeItem; context: line-height; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="line-height 1" jslog="Toggle; track: click" type="checkbox" /> line-height: 1;</li>
<li jslog="TreeItem; parent: parentTreeItem; context: font-weight; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="font-weight 600" jslog="Toggle; track: click" type="checkbox" /> font-weight: 600;</li>
<li jslog="TreeItem; parent: parentTreeItem; context: margin-bottom; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="margin-bottom 44px" jslog="Toggle; track: click" type="checkbox" /> margin-bottom: 44px;</li>
<li jslog="TreeItem; parent: parentTreeItem; context: padding-top; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="padding-top 100px" jslog="Toggle; track: click" type="checkbox" /> padding-top: 100px; // 이 값을 줄임</li>
<li jslog="TreeItem; parent: parentTreeItem; context: display; track: click, keydown: ArrowUp|ArrowDown|ArrowLeft|ArrowRight|Backspace|Delete|Enter|Space|Home|End" role="treeitem"><input aria-label="display block" jslog="Toggle; track: click" type="checkbox" /> display: block;</li>
</ol>
<p>}</p>
<p>뭐가 난잡하게 들어가있네요...
위 4개 선택자에서 // 넣어놓은 속성 값을 조절해야하는데
아마 공통으로 쓰이지 않을까 싶습니다
그 부분 수치값을 조절하면 다른 서브페이지에서도 같이 줄어들텐데
모든 페이지에서 출력되는 저 부분의 간격을 줄이는게 목적이라면 위 말씀드린 4개 중에서 // 처리 된 부분의 값들을 조절하면 됩니다
제일 베스트는 하나의 선택자에만 저 사이 간격을 주는 것입니다
로그인 후 평가할 수 있습니다
답변에 대한 댓글 4개
�
디자인아루즈
4개월 전
마지막 단락은 어디에 있는거죠?
c
coDribble
4개월 전
@디자인아루즈
개발자 도구 열어보시면 해당 스타일이 어느 파일에 정의되어있는지 확인할 수 있어요
.company_info .txt_page h2 부분을 말씀하시는거라면 content.css 라고 나와있네요
제가 테마 씌워서 작업하질 않아서 위치는 모르겠네요;; /theme/ 안에 어딘가에 있지 않을까 싶습니다
개발자 도구 열어보시면 해당 스타일이 어느 파일에 정의되어있는지 확인할 수 있어요
.company_info .txt_page h2 부분을 말씀하시는거라면 content.css 라고 나와있네요
제가 테마 씌워서 작업하질 않아서 위치는 모르겠네요;; /theme/ 안에 어딘가에 있지 않을까 싶습니다
�
디자인아루즈
4개월 전
감사합니다 큰 도움 되었습니다.
�
디자인아루즈
4개월 전
감사합니다 큰 도움 되었습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인