댓글로 살짝 문의 드리긴 했는데 감이 오지 않아서 재문의 드려 봅니다.

먼자 정말 좋은 애드온 공개 감사드립니다. ~

이 상태도 사이트 활용에 무리는 없지만..

검색 부분이 상단을 너무 많이 차지 하고 있어서 심플하게 바꾸려고 합니다.

텍스트 사이즈를 줄이고 간격도 줄이려고 하는데 기본도 모르고..

CSS 기초 자료를 봤는데 이 애드온에 어떻게 적용을 시켜야 하는지 이해가 되지 않네요 

default.css 에 어떤 코드 삽입 및 수정을 해야할지 알려주시면 감사하겠습니다. 

 

  • profile

    1. default.css 파일 제일 하단에 아래의 코드를 추가해보세요.

    .ap_extra_search.bd_wrt_main .et_vars {
        margin: 0 auto;
        font-size: 12px;
    }
    .ap_extra_search.bd_wrt_main .et_vars input.text {
        height: 32px;
        padding: 0 10px;
        margin-left: 40px;
        color: #777;
        background: #fff;
        border: 1px solid #e1e1e1;
        -webkit-border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .ap_extra_search.bd_wrt_main .regist {
        text-align: center;
    }

     

    2. extra.html 파일에 있는

    <div class="regist">
        <input type="submit" value="{$lang->cmd_advanced_search}" class="bd_btn blue">
        <input type="button" value="{$lang->cmd_reset}" class="bd_btn">
    </div>
    이 부분을 다음과 같이 고쳐보세요.

    <div class="regist">
        <input type="submit" value="{$lang->cmd_advanced_search}" class="xet_btn medium light">
        <input type="button" value="{$lang->cmd_reset}" class="xet_btn medium light">
    </div>

     

    ... 대강 이런 방향으로 수정 작업을 진행하시면 어떠실까 싶어요. 그래도 번잡하시다면 나중에 연구 또는 의뢰하셔서 애드온 스킨 전체를 접기/펼치기 또는 감추기/모달띄우기 등으로 완전 간소화해볼 수도 있을 것 같습니다.

  • profile ?
    윤삼님
    최고입니다.
    이 자료를 가지고 공부를 해 보겠습니다.
    감사합니다.