<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[콘택트폼 모바일 뷰 수정하고싶어요]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/32508</link>
		<description><![CDATA[<p>안녕하세요, </p>

<p>콘택트폼을 모바일에서 최적화시키면서 css 수정하고있습니다.</p>

<p>style.css파일에 다행이 모바일 뷰로 할때가 지정되어있어서 훨씬 작업이 편리했습니다.</p>

<p><a href="https://imgur.com/mAredL6"><img alt="" src="https://imgur.com/mAredL6" style="border-style:solid;border-width:1px;height:600px;margin:3px;width:300px;" /></a> <a href="https://imgur.com/mAredL6">https://imgur.com/mAredL6</a></p>

<p> </p>

<p>이미지에서 보시면 똑같이 적용했다고 생각했는데, 제목부분만 attr-value 부분사이즈가 다른거같습니다.</p>

<p>인풋박스 사이즈를 동일하게 맞추고싶습니다.</p>

<p> </p>

<p>@media screen and (max-width:600px) {<br />
    #kboard-contact-form-editor .kboard-attr-row.kboard-attr-author {<br />
        <br />
        width: 100%<br />
    }<br />
    #kboard-contact-form-editor .kboard-attr-row.kboard-attr-text {<br />
        float: left;<br />
        width: 100%<br />
    }<br />
    #kboard-contact-form-editor .kboard-attr-row.kboard-attr-title {<br />
    width: 100%;<br />
        background-color: red;<br />
}<br />
#kboard-contact-form-editor .kboard-attr-row.kboard-attr-title .attr-name {<br />
        float: left;<br />
        width: 25%;<br />
        line-height: 34px;<br />
        float: left;<br />
        color: #424242;<br />
        font-size: 14px;<br />
        font-weight: bold<br />
}<br />
    #kboard-contact-form-editor .kboard-attr-row.kboard-attr-title .attr-value {<br />
        display: block;<br />
    width: 70%;<br />
    float: left;<br />
}<br />
    #kboard-contact-form-editor .kboard-attr-row {<br />
        float: left;<br />
        width: 100%;<br />
        background-color:aqua;<br />
    }<br />
    #kboard-contact-form-editor .kboard-attr-row .attr-name {<br />
        float: left;<br />
        width: 25%;<br />
        line-height: 34px;<br />
        float: left;<br />
        color: #424242;<br />
        font-size: 14px;<br />
        font-weight: bold<br />
    }<br />
    #kboard-contact-form-editor textarea {<br />
        display: inline;<br />
        margin: 0;<br />
        font-size: 14px;<br />
        width: 70%;<br />
        min-width: 70%;<br />
        max-width: 70%;<br />
        height: 250px;<br />
        min-height: 0;<br />
        color: #424242;<br />
        border-radius: 4px;<br />
        border: 1px solid #dcdcdc;<br />
        box-shadow: none;<br />
        background: none;<br />
        background-color: #fff;<br />
        box-sizing: border-box;<br />
        vertical-align: top;<br />
        text-indent: 0<br />
    }<br />
    #kboard-contact-form-editor .kboard-control .left {<br />
        margin-left: 40%<br />
    }</p>

<p>    #kboard-contact-form-list .kboard-category.category-mobile {<br />
        display: block<br />
    }<br />
    #kboard-contact-form-list .kboard-category.category-pc {<br />
        display: none<br />
    }<br />
    #kboard-contact-form-list .kboard-tree-category-search .kboard-search-option-wrap.select {<br />
        width: 100%<br />
    }<br />
    #kboard-contact-form-list .kboard-list table {<br />
        border-top: 1px solid #f1f1f1<br />
    }<br />
    #kboard-contact-form-list .kboard-list table thead {<br />
        display: none<br />
    }<br />
    #kboard-contact-form-list .kboard-list table td.kboard-list-title {<br />
        padding: 10px 5px<br />
    }<br />
    #kboard-contact-form-list .kboard-list table td.kboard-list-title .kboard-contact-form-cut-strings {<br />
        margin-bottom: 10px;<br />
        white-space: normal;<br />
        font-size: 15px;<br />
        line-height: 23px<br />
    }<br />
    #kboard-contact-form-list .kboard-list table td.kboard-list-uid, #kboard-contact-form-list .kboard-list table td.kboard-list-user, #kboard-contact-form-list .kboard-list table td.kboard-list-date, #kboard-contact-form-list .kboard-list table td.kboard-list-vote, #kboard-contact-form-list .kboard-list table td.kboard-list-view {<br />
        display: none<br />
    }<br />
    #kboard-contact-form-list .kboard-list .kboard-mobile-contents {<br />
        display: block<br />
    }<br />
    #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li {<br />
        display: none<br />
    }<br />
    #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.first-page, #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.last-page, #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.prev-page, #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.next-page, #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.active {<br />
        display: inline-block<br />
    }<br />
    #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.prev-page a, #kboard-contact-form-list .kboard-pagination .kboard-pagination-pages li.next-page a {<br />
        padding: 0 18px<br />
    }<br />
    #kboard-contact-form-list .kboard-search select {<br />
        float: left;<br />
        margin-right: 1%;<br />
        width: 29%;<br />
        min-width: 29%;<br />
        height: 28px;<br />
        line-height: 28px;<br />
        box-sizing: border-box<br />
    }<br />
    #kboard-contact-form-list .kboard-search input {<br />
        float: left;<br />
        margin-right: 1%;<br />
        width: 49%;<br />
        min-width: 49%;<br />
        height: 28px;<br />
        line-height: 28px;<br />
        box-sizing: border-box<br />
    }<br />
    #kboard-contact-form-list .kboard-search button {<br />
        float: left;<br />
        width: 20%;<br />
        min-width: 20%;<br />
        box-sizing: border-box<br />
    }<br />
    #kboard-contact-form-editor select, #kboard-contact-form-editor input[type="text"], #kboard-contact-form-editor input[type="email"], #kboard-contact-form-editor input[type="number"], #kboard-contact-form-editor input[type="date"], #kboard-contact-form-editor input[type="password"], #kboard-contact-form-editor input[type="file"] {<br />
        width: 70%;<br />
        box-sizing: border-box<br />
    }<br />
    #kboard-contact-form-editor .kboard-attr-row {<br />
        padding: 10px 0<br />
    }</p>

<p> </p>

<p>어떤 부분을 잘못된 것일까요?</p>

<p> </p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[감사합니다 해결했습니다^^]]></title>
			<link>https://www.cosmosfarm.com/threads/document/32521</link>
			<description><![CDATA[<p>감사합니다 해결했습니다^^</p>]]></description>
			<author>momolulu</author>
			<pubDate>Thu, 25 Apr 2019 01:29:52 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

KBoard 플러그인 컨택트폼(Contact Form) 모바일 글쓰기 페이지에서

제목 입력 필드의 ...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/32518</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>KBoard 플러그인 컨택트폼(Contact Form) 모바일 글쓰기 페이지에서</p>

<p>제목 입력 필드의 너비만 다르게 보이는 이유는 별도로 제목 쪽에만 CSS를 적용해주신 듯합니다.</p>

<p>올려주신 코드 중에서</p>

<p>아래의 코드를 지우신 후에 확인해보시겠어요?</p>

<pre>
<code class="language-css">#kboard-contact-form-editor .kboard-attr-row.kboard-attr-title .attr-value { display: block; width: 70%; float: left; }</code></pre>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Thu, 25 Apr 2019 00:15:49 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>