카페24(CAFE24) 네이버페이 버튼 디자인 화면에 꽉 차게 css 코드 바꾸기

css 소스코드를 수정해야하는 약간의 코딩 작업이 필요하다

따라해보면 어렵지 않게 할 수 있을 것이라 생각든다.

 

경로 : 관리자페이지 접속 > 디자인편집

하단의 HTML 수정 클릭

왼쪽 아래 "화면명 검색" 버튼에 detail.css 입력하고 엔터를 치면

화면명 검색 팝업창이 나오는데 detail.css을 체크하고 "선택파일 열기" 클릭

#NaverChk_Button을 찾자

#NaverChk_Button { margin:10px 0 0; }

 

자 이제 변경을 해주자

/*
#NaverChk_Button { margin:10px 0 0; }
*/
#NaverChk_Button { margin:20px 0;}
#NaverChk_Button .npay_type_A_2 { width:auto!important; max-width:285px!important; }
#NaverChk_Button .npay_type_MA_1 { width:auto!important; max-width:320px!important; }

모두저장을 눌러서 저장하면 끝!

변경 후 PC화면과 모바일 화면

아.. 오랜만에 코드를 건들다 보니 괜히 급 리얼포스 키보드가 사고싶어 진다.

리얼포스 블루투스 + 유선 겸용 키보드 30g

 

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.