슬라이더 글자 사이즈 변경하기

Poster 스킨에 슬라이더 기능을 추가해보았는데요.

글자 사이즈가 맘에 들지 않아서 수정해보도록 하겠습니다.

---

---

아래의 그림에서 현재 왼쪽 슬라이더의 '프레셔스 플라스틱 (Precious Plastic)' 을 보면 일렬로 잘 보이지만, 실제로 사이트에서는 위의 그림 같이 두줄로 나뉘어서 보인답니다. 뭔가 정돈되어 있지 않은 느낌이죠? 

 

먼저, [Ctrl+F] 를 누르고 'slider'라고 검색해볼게요. 그 다음 .cover-slider ul li. title 부분을 찾아주세요.

기존에는 max-width : 580px, font-size : 2.5em 으로 설정되어있습니다.

이를, max-width : 700px, font-size : 2em 으로 변경하였습니다.

여기서, max-width : 최대 가로폭 / font-size : 글자 사이즈 / line-height : 위, 아래의 글자간격 을 의미합니다.

---

---

수정 완료된 모습입니다. 숫자만 바꿨을 뿐인데 이전에 비해 깔끔해졌습니다. 간단한 수정으로 디테일을 올려보세요.

---

---