<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[유튜브영상 팝업시 크기문제]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/57923</link>
		<description><![CDATA[<p>안녕하세요.</p>

<p>KBoard 게시판 내 음원듣기 버튼 클릭시 유튜브영상 팝업되며 볼 수 있도록 설정되어있습니다.</p>

<p>PC버전은 괜찮으나 모바일, 태블릿으로 봤을때 아래 imgur 사진과 같이 크기가 너무 작게 나옵니다.</p>

<p>https://imgur.com/CeA550Z</p>

<p>http://www.trendymusic.co.kr/hertzmuzik_2nd/hertz_election-logo-song1/hertz_election-logo-song2/#special</p>

<p>해당되는 페이지의 링크입니다. 적응형 설정의 문제일까요?</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[어떤 구조로 작성되어 있는지

알 수 없어 정확한 답변을 드리기가 어렵습니다.

 

개발자 도구로 확인...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/57957</link>
			<description><![CDATA[<p>어떤 구조로 작성되어 있는지</p>

<p>알 수 없어 정확한 답변을 드리기가 어렵습니다.</p>

<p> </p>

<p>개발자 도구로 확인한 코드 내에서는</p>

<p>아이프레임 내의 lg 클래스를 가진 div의 margin-left 값과 max-width 값이</p>

<p>영향을 주는 듯 합니다.</p>

<p> </p>

<p>위 값들을 변경하면 버튼의 크기가 변경됩니다.</p>

<p> </p>

<p>아래의 코드를 테마 추가 css에 입력해보시겠어요?</p>

<pre>
<code>@media screen and (max-width: 768px){
    .lg-outer .lg {
        margin-left: auto !important;
        max-width: 100% !important;
    }
}</code></pre>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 16 Feb 2022 06:38:32 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[기재해주신 코드를 css 입력해보았으나 팝업창의 크기에는 변화가 없어 재문의 드립니다.

 

아래는 기...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/57936</link>
			<description><![CDATA[<p>기재해주신 코드를 css 입력해보았으나 팝업창의 크기에는 변화가 없어 재문의 드립니다.</p>

<p> </p>

<p>아래는 기존 사용중이던 css 코드입니다.</p>

<p>@media screen and (max-width: 768px) {<br />
.tg-mobile-navigation {<br />
width: 180px;<br />
opacity: 0.9;<br />
}<br />
}</p>

<p><br />
.evf-submit-container {<br />
    text-align: right;<br />
}</p>

<p>.elementor-column-wrap {<br />
    text-align: center;<br />
}</p>

<p>.wpcf7 form .wpcf7-response-output{<br />
border: 0px;<br />
    font-size: 0.8em;</p>

<p>}<br />
.wpcf7-not-valid-tip {<br />
    font-size: 0.8em;<br />
    color: white;<br />
}</p>

<p>.tg-submenu-toggle{<br />
    color: #ff009c;<br />
    margin-right: 25px;<br />
    margin-bottom: 5px;<br />
}</p>

<p>팝업창 크기 조절에 대해 수정가능한 부분이 더 있을까요?</p>]]></description>
			<author>ouauao</author>
			<pubDate>Tue, 15 Feb 2022 04:52:33 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

css가 아래와 같이 적용되어 있어

모바일에서도 화면의 크기에 비례하여 표시되는 듯 ...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/57930</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>css가 아래와 같이 적용되어 있어</p>

<p>모바일에서도 화면의 크기에 비례하여 표시되는 듯 합니다.</p>

<pre>
<code>.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: 49%;
    margin-right: auto;
    max-width: 25%;
    max-height: 100%;
}</code></pre>

<p> </p>

<p>아래 코드를 테마 추가 css에 입력해보시겠어요?</p>

<pre>
<code>@media screen and (max-width: 768px){
    .lg-outer .lg {
        margin-left: 10%;
        max-width: 40%;
    }
}</code></pre>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Tue, 15 Feb 2022 03:03:00 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>