<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[style.css 작성 질문]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/9236</link>
		<description><![CDATA[<p>안녕하세요, style.css 작성 관련하여 질문이 있습니다.</p>

<p> </p>

<p>플러그인 개발자의 도움을 받아서 function.php 수정하여 검색폼 추가하는 방법을 알게 되었습니다.</p>

<p>스타일을 수정하려고 하는데</p>

<p>기존의 style.css를 수정 또는 간단한 추가만 해봐서</p>

<p>기능이 새로 추가된 것은 어떻게 써야하는지 잘 모르겠습니다.</p>

<p> </p>

<p> </p>

<p>예를 들어,</p>

<p>.kboard-joobong_default-button-small:visited {</p>

<p>(수정내용)</p>

<p>}</p>

<p><span class="marker">이라면, .kboard-joo~ 부분을 어떻게 써야하는지 모르겠습니다.</span></p>

<p> </p>

<p> </p>

<p>검색폼 추가 관련하여는 다음과 같이 내용 작성했습니다.</p>

<pre>
add_action('woocommerce_after_shop_loop','bottom_search',15);
function bottom_search(){
    ?&gt;
&lt;div id="bottom_form"&gt;
    &lt;form role="search" method="get" id="searchform"&gt;
        &lt;div&gt;&lt;label class="screen-reader-text" for="s"&gt;Search for:&lt;/label&gt;
            &lt;input type="text" value="" name="s" id="s" placeholder="Search for..." /&gt;
            &lt;input type="submit" id="searchsubmit" value="Search" /&gt;
            &lt;input type="hidden" name="post_type" value="product" /&gt;
        &lt;/div&gt;
    &lt;/form&gt;
    &lt;/div&gt;
&lt;?php
}</pre>
]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[&amp;lt;div id=&quot;bottom_form&quot;&amp;gt;
    &amp;lt;form role=&quot;search&quot; method=&q...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/9242</link>
			<description><![CDATA[<p>&lt;div id="<strong>bottom_form</strong>"&gt;<br />
    &lt;form role="search" method="get" id="searchform"&gt;<br />
        &lt;div&gt;&lt;label class="screen-reader-text" for="s"&gt;Search for:&lt;/label&gt;<br />
            &lt;input type="text" value="" name="s" id="s" placeholder="Search for..." /&gt;<br />
            &lt;input type="submit" id="<strong>searchsubmit</strong>" value="Search" /&gt;<br />
            &lt;input type="hidden" name="post_type" value="product" /&gt;<br />
        &lt;/div&gt;<br />
    &lt;/form&gt;<br />
&lt;/div&gt;</p>

<p>이 태그 그준으로 CSS 를 적용하시려면 아래처럼 하시면 됩니다.</p>

<p>#bottom_form #searchsubmit { background-color: red; }</p>

<p> </p>

<p>하지만 .kboard-joo~ 이건 어디를 말씀하시는지 모르겠네요.</p>

<p>소스보기 해서 찾아도 .kboard-joo~ 이 부분은 없습니다.</p>

<p> </p>

<p>참고로 크롬 브라우저의 개발자도구(F12키)를 사용하시면 CSS 속성을 쉽게 테스트 하실 수 있습니다.</p>
]]></description>
			<author>스레드봇</author>
			<pubDate>Sun, 19 Jun 2016 23:18:55 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
			</channel>
</rss>