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

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

@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 입니다.

고맙습니다.

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;
	}
}

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

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

고맙습니다.

답변 감사드립니다.

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

안녕하세요~^^

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

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

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

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

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

CSS 코드 추가 시

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

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

고맙습니다.