안녕하세요~^^

말씀하신 상품페이지 내에 있는 게시판은

우커머스 상품 탭에 KBoard 게시판을 설치하신 걸 말씀하시는 걸까요?

우커머스 상품에 KBoard 게시판 연결하기를 참고하셔서 게시판을 연동했다면

아이프레임으로 게시판이 표시됩니다.

아이프레임으로 게시판이 설치된 경우에는

CSS 코드 추가 시

워드프레스 관리자 -> KBoard -> 대시보드 페이지에서

커스텀 CSS 입력 필드에 코드를 추가해보시겠어요?

고맙습니다.

답변 감사드립니다.

알려주신 방법으로 했는데도 css값이 먹히지 않습니다...

추가하신 CSS 코드와 비회원으로도 확인 가능한 페이지 주소 알려주시면

도움 드릴 방법을 찾아보겠습니다.

고맙습니다.

http://moduwith.dothome.co.kr/shop/%ec%a0%84%ec%b2%b4/%eb%a7%88%ec%8a%a4%ed%81%ac-%ed%8c%a9/cellpiderm_mask/

이 페이지에 있는 상품 Q&A 탭을 클릭하시면 됩니다.

추가한 코드는

@media screen and (min-width : 481px) and (max-width : 767px) {
	.kboard-iframe-5 #kboard-thumbnail-list .kboard-list tbody tr td {
		font-size: 11px;
	}


	 .kboard-iframe-5 #kboard-thumbnail-list .kboard-list table td.kboard-list-qnamode {
		width:25% !important;
	}
}

모바일에서만 적용되는 코드를 추가하신 건지요?

기존의 코드 대신 아래의 코드로 교체해서 확인해보시겠어요?

@media screen and (max-width: 600px) {
	.board-5 #kboard-thumbnail-list .kboard-list tbody tr td {
		font-size: 11px;
	}


	.board-5 #kboard-thumbnail-list .kboard-list table td.kboard-list-qnamode {
		width:25% !important;
	}
}

CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후에 확인해주세요.

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

고맙습니다.