# 해피애니멀(Happy Animall)

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

<details>

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

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

![](/files/6JFywd08b6rk7ykxYoUz)<br>

4. ctrl+F 검색 후 수정하기\
   스타일시트 파일을 열어 **Ctrl + F(검색)**&#xB97C; 누르고 **#5879c7**를 검색하여 **원하는 포인트 컬러 코드**로 변경합니다. \
   \
   mypage.css (총 4개) \
   proc.css (총 5개) \
   main.css (총 1개) \
   order.css (총 11개) \
   list\_06.css (총 4개) \
   list\_09.css (총 4개) \
   list\_04.css (총 4개) \
   list\_07.css (총 4개) \
   list\_01.css (총 4개) \
   list\_11.css (총 7개) \
   list\_02.css (총 4개) \
   gd\_layout.css (총 3개) \
   gd\_button.css (총 160개) \
   gd\_common.css (총 1개)

</details>

<details>

<summary>상단 공지사항 컬러 및 크기 변경하기</summary>

![](/files/aiwjKf9nf5HohUNOK53N)

1. "공지" 부분의 폰트 **font-size(크기), color(색상)** 값을 변경해줍니다. \
   `변경 위치`  main > notice > main.css **17줄**\
   &#x20; `17` .order\_end .order\_end\_box h2 { display: table-cell; width: 33px; padding-left: 20px;    font-size: 13px;    font-weight: bold;    color: #626262;    text-align: left;}<br>
2. 공지사항 "내용" 부분의 폰트 **color(색상)** 값을 변경해줍니다. \
   `변경 위치`  main > notice > main.css **20줄**\
   &#x20; `20` .order\_end .order\_end\_box h2 { display: block; width: 100%; color: #626262;}

</details>

<details>

<summary>진​열 상품 이미지 테두리 없애기</summary>

![](/files/ykMds9iZZhrZWbSgJ0Z4)

✔️ 진열 상품 이미지 **border(테두리)** 부분 전체를 삭제합니다.&#x20;

`변경 위치`  goods > ist > list 02.css **8줄**\
&#x20; `8` .goods\_prd\_item .goods\_prd\_img .img\_box .img img width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box;}

</details>

<details>

<summary>고객센터, PC화면 버튼 변경하기</summary>

![](/files/pR0XMnZFX7TieYpPWODY)

✔️ 고객센터, PC화면 버튼의 **background(배경), color(색상), font-size(크기)** 값을 변경해줍니다.&#x20;

`변경 위치` css > gd\_layout.css **133줄**\
&#x20; `133` #footer footer .ft\_button\_box ul li a {    display: block;    padding: 10px 0;    background: #ffffff;    color: #585858;    font-size: 13px;    border: #dcdbdc 1px solid;;}

</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/happy-animall.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.