묻고답하기
위젯 내용직접추가에서 이미지를 넣으면 여백이 생깁니다.
2013.10.09 11:37
안녕하세요. 질문이 있습니다.
위젯 페이지를 만들고 내용직접 추가를 해서 사진을 넣고 있습니다.
내용을 쓸때 html로 링크를 걸든, 직접 자료를 올리든 상관없이
위젯 테두리 윗쪽부분에 공간이 생깁니다.
홈페이지 바탕이 흰색이라 흰색의 바탕으로 마감된 사진은 그나마 덜한데
사진을 크롭해서 사용하는 경우는 위젯 테두리가 1px정도 들어가 있는데
위젯 내부의 사진이 꼭 한칸 내려온 것 처럼 공간이 떠 있습니다.
어떻게 해결해야 할까요?
검색어로 위젯, 내용 직접 추가, 이미지, 사진 이렇게 넣고 검색을 해봐도 검색 결과값이 너무 많거나 없거나...
그래서 직접 질문올려봅니다.
도와주세요~
댓글 1
-
투씨
2013.10.09 17:08
-
JIWOO
2013.10.10 00:40
아..의견 수정이 안되는군요. 이제서야 적용을 해보았습니다. 생각보다 php파일 부분 찾기가 쉽지 않았는데 겨우 찾았습니다. 400번대 라인의 명렁어들이 비슷해서 한참을 들여다 봤네요. 그리고 위젯은 그냥 노말 상태라 css파일에 투씨님이 적어주신 부분을 한줄 추가해서 마지막에 넣고 다시 만들어보니 잘 됩니다. 너무 고맙습니다.
위젯에서 '내용직접추가'시 <P>태그가 붙어서 생기는 현상입니다.
딱히 클래스 지정이 되어 있지 않은 관계로 위젯콘트롤러에 클래스를 붙여준 다음 css에서 p 태그에 마진을 주면 해결됩니다.
modules->widget->widget.controller.php 파일을 엽니다.
function execute() 함수 안에서
case 'widgetContent' : 아랫쪽에 있는
$widget_content_header = sprintf('<div %sstyle="overflow:hidden;%s"><div style="%s">', $args->id, $style, $inner_style);
부분을 찾은 후 다음처럼 바꿔줍니다.
$widget_content_header = sprintf('<div %sstyle="overflow:hidden;%s"><div class="new_widget_class" style="%s">', $args->id, $style, $inner_style);
그리고나서 해당 위젯 스킨 내에 있는 css파일을 열어
다음을 입력해 주면 간격이 붙어서 뜨게 됩니다.
.new_widget_class p{ margin:0}
new_widget_class 라는 이름은 임의로 붙였습니다. 다른 클래스네임과 중복되지 않은 것으로 해주면 됩니다.