게시판 불러오기 위젯에서 컨텐츠 제목 넓이를 조절하고 싶은데 어떻게 해야할까요?

normal.css에 css가 이런형태인데 추출한 컨텐츠의 제목의 width를 어디서 수정해야할지 몰라서 못하고 있습니다ㅠ

/* 목록형 Table
---------------------------------------------------------------------------- */
.xet_widget_normalTable {
width: 100%;
position: relative;
margin:0;
padding:0;
}
.xet_widget_normalTable td {
border:0;
white-space:nowrap;
vertical-align:top;
font-size: 12px;
padding:0 5px 10px 0;
color: #777;
}
.xet_widget_normalTable td a {
color: #777;
}
.xet_widget_normalTable td.list_style {
padding-right: 8px;
}
.xet_widget_normalTable td.list_style img {
max-width: auto;
vertical-align:middle;
}
.xet_widget_normalTable td.bullet {
background:url(../img/bullet.gif) 0 40% no-repeat;
}
.xet_widget_normalTable td.arrow {
background:url(../img/arrow.png) 0 40% no-repeat;
}
.xet_widget_normalTable td.number {
padding: 0 5px 0 0;
}
.xet_widget_normalTable td.number .number {
width: 20px;
white-space: nowrap;
text-align: center;
color: #777;
}
.xet_widget_normalTable td.title_wrp {
width:100%;
}

.xet_widget_normalTable td.title_wrp .title {
font-size: 14px;
color: #151515;
}

이런 코드만으로는 저희가 답변 못드립니다.

사이트를 열어주셔야 해당 클래스가 뭐 선언됬는지 확인하죠..ㅠ

죄송합니다. 제가 사이트를 PC에서 모바일사이트로 보는 방법을 몰라서
해당 페이지 주소를 관리자 페이지 주소로 첨부했습니다ㅠ
의도와 다른 질문글 올려 죄송합니다.

사이트 주소는 phoenix828.cafe24.com 이었습니다.

모바일의 경우 모바일에서는 일부 항목들을 숨겨주면 같은줄에 나올 것 같습니다.

.floatRight 클래스 안의 date, voted, readed 클래스를 display:none; 옵션을 주시면 되겠습니다.

 

구글에 CSS 반응형 검색 해보시고, @media 어쩌구 하는 가로크기를 잘 설정하셔서 일정 가로크기가 이하되는 경우에 해당 클래스에 제가 말씀드린 속성을 적용하시면 됩니다.

답변 정말 감사합니다. 가르침 주신대로 잘 해보겠습니다~!