# 트렌디(TRENDY)

> **`카테고리`** 패션 
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design23.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)

<details>

<summary>포인트 컬러 일괄 변경하기</summary>

![](/files/8F3v2DOFhX8Iy3IJRx7a)

1. 컬러코드값 확인\
   Trendy 스킨에 적용되어 있는 기본 컬러 코드 **#2e84d3**을 확인합니다.&#x20;
2. **디자인 스킨 리스트 접속** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
   해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.&#x20;
3. **스타일시트/CSS 변경** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
   좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.

![](/files/rapLW4IeeaTw77bAw7tR)<br>

4. ctrl+F 검색 후 수정하기\
   스타일시트 파일을 열어 **Ctrl + F(검색)**&#xB97C; 누르고 **#2e84d3**를 검색하여 **원하는 포인트 컬러 코드**로 변경합니다. \
   \
   css/gd\_button.css (153)

   css/gd\_common.css (5)

   css/gd\_plus\_review\.css (7)

   css/event/event.css (3)

   css/goods.css (10)

   css/list/list\_01.css (4)

   css/list/list\_02.css (4)

   css/list/list\_04.css (4)

   css/list/list\_06.css (4)

   css/list/list\_07.css (4)

   css/list/list\_09.css (3)

   css/list/list\_11.css (7)

   css/mypage/mypage.css (10)

   css/order/order.css (12)

   css/proc/proc.css (5)

</details>

<details>

<summary>상단 로고영역 색상 변경</summary>

![](/files/c9Ab8lWXU77OUJ8QCJSQ)

`변경 위치` css > gd\_layout.css 15번째 줄  \
&#x20; `15` #header\_wrap header .header\_box {<mark style="background-color:orange;">border-bottom:1px solid #dcdcdc</mark>; border-top:1px solid #dcdcdc;}\
\
✔️상단영역의 아래 선: \[border-bottom:라인두께 solid #라인컬러] 변경\
✔️배경색상 추가: \[background:#컬러값] 추가

</details>

<details>

<summary>슬라이드 배너 변경 - 슬라이드 이미지 주변 테두리 수정</summary>

![](/files/WCXOKpGEjeqlAjtivxIa)

`변경 위치` css > main > main.css 31번째 줄  \
&#x20; `31` .main\_slide2 .slider-wrap {border:1px solid #e8e8e8;padding:15px 14px 35px 14px;margin:0 10px;}

✔️\[border:선두께px solid #색상값;]\
✔️미사용 시,해당 border 부분 코드 삭제

</details>

<details>

<summary>메인 상품 탭버튼 색상  변경</summary>

![](/files/CpAZeh65xDLVsoe6leEj)

1. 탭ON일 경우\
   `변경 위치` css > goods> list > list\_07.css 12번째 줄  \
   &#x20; `12` .goods\_prd\_item7 .tab\_box .tab li.on a {<mark style="background-color:orange;">background:#ffffff; color:#22222</mark>2;}\
   \
   ✔️\[background:#배경값; color:#텍스트컬러값;]<br>
2. 탭OFF일 경우\
   `변경 위치` css > goods> list > list\_07.css 9번째 줄  \
   &#x20; `9` .goods\_prd\_item7 .tab\_box .tab li a {text-align:center;font-weight:bold;overflow:hidden;display:inline-block;width:100%;padding:7px 10px 7px 10px;font-size:13px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;border:1px solid #dfdfdf;border-left:none;<mark style="background-color:orange;">background:#f3f3f3;color:#8e8e8e</mark>;}  \
   \
   ✔️\[background:#배경값; color:#텍스트컬러값;]

</details>

<details>

<summary>메뉴 컬러 변경</summary>

![](/files/LFc0KZs7bmuOtZSu22PY)

`변경 위치` css > proc.css 8번째 줄\
&#x20; `8` .category\_side > li a {position:relative;display:block;padding:12px 0 8px 0;font-size:12px;<mark style="background-color:orange;">color:#666666</mark>;}\
\
✔️\[color:#색상코드값]

</details>

<details>

<summary>메뉴 박스버튼 컬러 수정</summary>

![](/files/Bs5ALdSlUD1KRPvKJRGo)

1. 박스버튼 ON일때 색상 변경\
   `변경 위치` css > gd\_layout.css 128번째 줄

   &#x20; `128` .nav\_tabmenu\_box .nav\_tabmenu li.on span {<mark style="background-color:orange;">background:#fff; color:#111</mark>; font-weight:bold; <mark style="background-color:orange;">border:1px solid #333333</mark>;}\
   \
   ✔️\[color:#폰트컬러값] \[background:#배경컬러값]&#x20;

   ✔️\[border:테두리두께값px solid #색상컬러값;]<br>
2. 박스버튼 OFF일때 색상 변경\
   `변경 위치` css > gd\_layout.css 127번째 줄

   &#x20; `127`  .nav\_tabmenu\_box .nav\_tabmenu li span {display:block; padding:7px 0 6px 0; <mark style="background-color:orange;">background:#fff; color:#a4a4a4; border:1px solid #e7e7e</mark>7; font-size:14px;}\
   \
   ✔️\[color:#폰트컬러값] \[background:#배경컬러값]\
   ✔️\[border:테두리두께값px solid #색상컬러값;]

</details>

<details>

<summary>로그인 영역 색상 변경하기</summary>

![](/files/6pvLAbrh7rmQrH6T8K6H)

1. 배경 색상 변경 : 2군대를 수정해 주셔야 변경이 가능합니다.  \
   `변경 위치` css > gd\_layout.css 99번째 줄\
   &#x20; `99` .nav\_banner {padding:22px 0 5px 7px; <mark style="background-color:orange;">background:#f2f2f2</mark>;}\
   \
   `변경 위치` css > gd\_layout.css 113번째 줄\
   &#x20; `113` .nav\_link {padding:14px 0 16px 0; <mark style="background-color:orange;">background:#f2f2f2</mark>;}
2. 로그인/회원가입 폰트 색상 변경 \
   `변경 위치` css > gd\_layout.css 104번째 줄\
   &#x20; `104` .nav\_banner .nav\_login ul li a {display:inline-block; font-size:15px; <mark style="background-color:orange;">color:#333333</mark>; font-weight:bold;}
3. 아이콘메뉴 폰트 색상 변경\
   `변경 위치` css > gd\_layout.css 116번째 줄\
   &#x20; `116` .nav\_link ul li a {display:block; padding:36px 0 0 0; font-size:12px; <mark style="background-color:orange;">color:#666</mark>;}

</details>

<details>

<summary>커뮤니티 메뉴영역 색상 변경</summary>

![](/files/wrG6LVYzF4QaYH7skMmi)

1. 커뮤니티 타이틀영역 색상 수정\
   `변경 위치` css > gd\_layout.css  134번째 줄\
   &#x20; `134` .nav\_community\_box .comm\_tit {padding:7px 0; margin:5px 0 10px 0; <mark style="background-color:orange;">background:#f5f5f5; color:#111; font-size:14px</mark>; font-weight:bold; text-align:center;}

   \
   ✔️\[background:#배경색상] \[color:#폰트색상] \[font-size:#폰트사이즈]<br>
2. 커뮤니티 게시판 텍스트 수정

   `변경 위치` css > gd\_layout.css  147번째 줄\
   &#x20; `147` .nav\_tabmenu\_box .board\_cate li a {display:block;<mark style="background-color:orange;">color:#666666;font-size:13px</mark>;}\
   \
   ✔️\[color:#폰트색상] \[font-size:#폰트사이즈]

</details>

<details>

<summary>고객센터/입금계좌 안내 수정</summary>

![](/files/9XMz9O2d7t3ds2Mzj31d)

1. 고객센터 번호 버튼 수정

   `변경 위치` css > main > main.css 202번째 줄  \
   &#x20; `202` .main\_info dl dd .call {display:inline-block;padding:4px 10px 2px 10px;<mark style="background-color:orange;">background:#f2f2f2;font-size:16px;color:#222222</mark>;font-weight:bold;border:1px solid #c3c3c3;}\
   \
   ✔️\[background:#배경색 ;font-size:폰트사이즈px; color:#폰트컬러]<br>
2. 고객센터 운영시간

   `변경 위치` css > main > main.css 203번째 줄  \
   &#x20; `203` .main\_info dl dd p.business\_hours {margin:7px 0 0 0; font-size:12px; color:#5b5b5b;}  \
   \
   ✔️\[font-size:폰트사이즈px; color:#폰트컬러]<br>
3. 입금계좌안내

* 입금계좌번호\
  `변경 위치` css > main > main.css 198번째 줄  \
  &#x20; `198` .main\_info\_box .main\_info dl dd strong {font-size:14px; font-weight:bold; color:#222;}  \
  \
  ✔️\[font-size:폰트사이즈px] \[color:#폰트컬러]<br>
* 입금명, 은행명 \
  `변경 위치` css > main > main.css 206번째 줄  \
  &#x20; `206` .main\_info dl dd .account\_holder {padding:0; font-size:12px; color:#222;}\
  \
  ✔️\[font-size:폰트사이즈px] \[color:#폰트컬러]

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://godomall-help.nhn-commerce.com/beginner/design/freeskin/trendy.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.