! 문의주실때 계정 및 페이지url을 알려주시기 바랍니다.

 

/page/sub2_3 로 확인되어 해당 페이지 기준으로 설명드립니다.

 

@ sub2_3 소스

<article class="sub_add">
    <div>
        <figure class="left">{$easy_design[img131]}</figure>
        <p class="right">{$easy_design[text131]}</p>
    </div>
    <div>
        <figure class="left">{$easy_design[img132]}</figure>
        <p class="right">{$easy_design[text132]}</p>
    </div>
    <div>
        <figure class="left">{$easy_design[img133]}</figure>
        <p class="right">{$easy_design[text133]}</p>
    </div>
    <div>
        <figure class="left">{$easy_design[img134]}</figure>
        <p class="right">{$easy_design[text134]}</p>
    </div>
</article>

 

- CSS 파일에서 다음항목을 찾습니다.

.sub_add figure {...}

@ layout_mobile 소스

/* 회사소개(회사소개), 사업안내(비즈니스 01, 비즈니스 02, 비즈니스 03, 비즈니스 04)  */
.sub_add {
    figure { text-align:center; }
    p { margin:2em 0; font-size:.875em; line-height:1.6em; }
    > ul {
        @extend %ul;
        > li { margin:2em 0; }
    }
    > ol { }
}

 

모바일에서는 크기와 관련된 css 가 없음이 확인됩니다.

@ layout_tablet 소스

 

 

/* 회사소개(회사소개), 사업안내(비즈니스 01, 비즈니스 02, 비즈니스 03, 비즈니스 04)  */
.sub_add {
    > div {
        margin:0 0 2em;
        @extend %clear;
    }
    figure {
        &.left { float:left; width:35%; }
        &.right { float:right; width:35%; }
    }
    p {
        font-size:.938em;
        &.left { float:left; width:60%; margin:0; }
        &.right { float:right; width:60%; margin:0; }
    }
}

 

- 이미지 항목(figure)의 크기 부분값이 35% 로 되어있습니다.

해당항목의 값을 변경해주세요.

 

- 이미지항목의 크기를 변경한만큼, 내용 항목(p)의 크기 값도 함께 변경해주세요. (60%)

위와 같이 수정할 경우,

.sub_add 로 되어있는 모든페이지가 수정됩니다.

 

 

원하시는 페이지만 수정하시려면 class명을 변경하셔서 작업해야합니다.

 

 

@페이지소스

class="sub_add" -> class="sub_add1"

 

 

@css소스

.sub_add {...} 을 복사한 후,

.sub_add1 {...} 로 변경해서 수정