안녕하세요~^^

KBoard 크로스 캘린더 스킨 모바일 화면에서는

기본적으로 일정 시간을 표시하고 있지 않습니다.

아래의 CSS 코드를 별도로 추가하신 건지요?

.kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time { display: block; }

시간 표시 방식을 PC와 모바일에서 다르게 설정하시려면

스킨 파일을 수정해주셔야 할 듯합니다.

FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에

아래의 코드를 찾아서

<?php
if(date('H:i', strtotime($event_table_item->option->start_time)) != '00:00' && date('H:i', strtotime($event_table_item->option->end_time)) != '00:00'){
	echo date('H:i', strtotime($event_table_item->option->start_time))?>~<?php echo date('H:i', strtotime($event_table_item->option->end_time));
}
?>

아래의 코드로 교체해보시겠어요?

<?php if(date('H:i', strtotime($event_table_item->option->start_time)) != '00:00' && date('H:i', strtotime($event_table_item->option->end_time)) != '00:00'):?>
	<span class="pc"><?php echo date('H:i', strtotime($event_table_item->option->start_time))?>~<?php echo date('H:i', strtotime($event_table_item->option->end_time));?></span>
	<span class="mobile"><?php echo date('H', strtotime($event_table_item->option->start_time))?>~<?php echo date('H', strtotime($event_table_item->option->end_time));?></span>
<?php endif?>

그 다음, 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보세요.

.kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time.mobile { display: none; }

@media screen and (max-width: 600px) {
	.kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time.pc { display: none; }
	.kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time.mobile { display: block; }
}

고맙습니다.

다음 질문

https://www.cosmosfarm.com/threads/document/36510