<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[모바일, PC, 테플릿에서 보이는 게시글 갯수 변경]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/59791</link>
		<description><![CDATA[<p><strong>1. 정확한 제품 또는 플러그인 이름</strong></p>

<p>모던갤러리스킨</p>

<p> </p>

<p><strong>2. 상세 내용</strong></p>

<p>코딩쪽으로 지식이 부족해서 자꾸 질문하게 되네요.. 다름아니라 제목 처럼 홈페이지를 이용하는 기기에 따라 보이는 게시글 개수가 다르게 하고 싶습니다. 지금은 아무것도 안해서 한 줄에 6개의 갤러리 글이 들어가게 되고 모바일에서는 1개씩 1줄로 보입니다. 이걸 PC에서는 1줄에 5개씩 보이게하고 테블릿도 5개, 모바일 2개 또는 3개씩 보이게 하고 싶은데 어떻게 하면 될까요..??  검색해봤는데 제가 잘 못찾아서 이렇게 질문남깁니다..!</p>

<p> </p>

<p><strong>3. 확인 가능한 상세 페이지 주소</strong></p>

<p><a href="https://longbridgekorea.com">롱브릿지 - longbridgekorea.com (편집샵 추천 사이트)</a></p>

<p><strong>4. 수정한 코드 내역 (있다면)</strong></p>

<p> </p>

<p> </p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

F12를 눌러 개발자 도구에서 해당 요소들의 css를

확인하실 수 있습니다.

 

아래 예...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/59799</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>F12를 눌러 개발자 도구에서 해당 요소들의 css를</p>

<p>확인하실 수 있습니다.</p>

<p> </p>

<p>아래 예제 코드를 참고하여 게시글의 너비를</p>

<p>적절히 조정하여 테마 추가 css에 입력해보시겠어요?</p>

<pre>
<code>#kboard-modern-gallery-list .kboard-list .kboard-list-item {
 width: 20%;
}</code></pre>

<p> </p>

<p>모바일의 경우 미디어 쿼리를 사용하여</p>

<p>조절하실 수 있습니다.</p>

<pre>
<code>@media screen and (max-width: 600px){
    #kboard-modern-gallery-list .kboard-list .kboard-list-item {
       width: 30%;
    }
}</code></pre>

<p> </p>

<p>레이아웃을 조정하시고 싶으신 경우</p>

<p>css의 지식을 가지고 계시면 수월합니다.</p>

<p> </p>

<p>아래 링크에서 css에 대해 알아보실 수 있습니다.</p>

<p><a href="https://developer.mozilla.org/ko/docs/Web/CSS/Reference" target="_blank">https://developer.mozilla.org/ko/docs/Web/CSS/Reference</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Tue, 31 May 2022 04:51:20 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>