오랜만에 접하는 위젯질문입니다.ㅎㅎ

님이 선택하신 인기게시물위젯 스킨은 이미지스킨중에 아쿠아 블루이군요.

먼저 왼쪽여백부분은 ./widgets/mh_popular/skins/mh_popular_img/css/aqua_blue.css에서 14줄부분 아래와 같이 수정하시면 됩니다.

.mh_popular_aqua_blue ul li { padding:5px 0 0 0px; overflow:hidden; list-style:none; white-space:nowrap; }

올려주신 이미지로 보아서 앞에 나오는 도트점 이미지는 삭제하신 듯 보이네요, 좌측 간격만 줄이시면 될 듯 합니다.

그리고 테두리 색깔 입히기는 css를 손봐서는 어렵습니다. 그게 이미지로 처리되어 있습니다.  

아래에서 box_m_*.gif 가 좌우측 선을 나타내는 이미지입니다. 이미지를 직접 수정하셔야 합니다.

.mh_popular_aqua_blue .box_m_l { position:relative; background:url(../images/aqua_blue/box_m_l.gif) left repeat-y;}
.mh_popular_aqua_blue .box_m_r { position:relative; background:url(../images/aqua_blue/box_m_r.gif) top right repeat-y;}

문하우스 홈페이지에 있는 스킨은 카멜레온스킨입니다. 카멜레온 스킨은 마음대로 변형이 가능하므로 설정에서 지정할 수 있습니다.

그리고 인기게시물위젯은 오래전에 만든 위젯이라 모듈전체선택시 내용물이 나오지를 않습니다.

https://moonhouse.co.kr/zbxe/268595 여기의 ["웹진형태최근문서출력" 위젯 수정 방법]을 적용하셔야 합니다.

그리고 두루두루/여러글들은 XE에 기본으로 들어있는 content위젯입니다. 날짜부분만 약간 손봤죠.

그런데 "게시판상의 글들 간격"이란 어떤 간격을 말하는지 잘 모르겠네요?