에티테마

메인 슬라이드에서 화살표 안쪽으로 돌아가면서 글자가 나오는데, 글자의 크기 변경은 어디를 손바야 하는지요?

페이지 정보

작성자 no_profile 하얀바람 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 23-08-23 09:44

본문

테마명 : http://ety.kr/shop/item/1625161077

메인 슬라이드에서 화살표 안쪽으로 돌아가면서 글자가 나오는데,
글자의 크기 변경은 어디를 손바야 하는지요?

<p class="caption lh1-5 ko">
되어 있는 곳을


<p class="caption lh1-5 ko f100">
등 여러가지로 해 보아도 변경이 쉽지 않네요

강제로 폰트 사이즈를 <font size=100px> 등으로 변경하면 PC와 모바일에서 크기가 많이 다르게 나와서 적용하기 어렵네요

  <div class="item image">
<figure>
  <div class="slide-image slide-media" style="background-image:url('/images/s06.jpg');"><!-- 이미지 -->
<img data-lazy="/images/s01.jpg" class="image-entity" /><!-- 이미지 -->
  </div>
<p class="caption lh1-5 ko">
단, <font color=red size=100px>글자</font> 크기를<BR>
<font color=blue>2배정도 크게 하려면</font>
</p>
</figure>
  </div>

이렇게 하면 조정은 가능하지만 pc는 해당 글자가 오히려 작아지고 모바일만 커지고

pc와 모바일에서 지금보다 크기를 2배이상 크게 키우려면 어디를 손바야 할지요? 
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요~
아래 내용 보시면 테마폴더 / css / common.css 파일에서 1220 번째줄에 있는 모바일기기2 번째의  css 입니다.
아래 내용 보시면 폰트 크기가 16 으로 되어 있는것을 조절해서 사용해주시면 모바일쪽에서 폰트 사이즈가 변경이되게 됩니다.
총 4개의 미디어쿼리를 사용하여
기기마다 달리 수정했습니다.
바로 위쪽, 바로 아래쪽 코드를 보시면

모바일기기1, 모바일기기2, 태블릿 , 데스크탑
이렇게 모두 있으니 참고해서 수정해 주시면 좋을듯 합니다.

감사합니다.~

df6e053ef010ca373e3feec58f383df7_1692755587_19.jpg
 

Total 1,238건 6 페이지
질문답변 목록
번호 제목 날짜
1088
시간 : 10-31
10-31
1087
시간 : 10-30
10-30
1086
시간 : 10-27
10-27
1085
시간 : 10-27
10-27
1084
시간 : 10-26
10-26
1083
시간 : 10-25
10-25
1082
시간 : 10-22
10-22
1081
시간 : 10-17
10-17
1080
시간 : 10-06
10-06
1079
시간 : 10-03
10-03
1078
시간 : 10-02
10-02
1077
시간 : 10-02
10-02
1076
시간 : 09-27
09-27
1075
시간 : 09-26
09-26
1074
시간 : 09-21
09-21
1073
시간 : 09-20
09-20
1072
시간 : 09-19
09-19
1071
시간 : 09-19
09-19
1070
시간 : 09-13
09-13
1069
시간 : 09-08
09-08
1068
시간 : 09-08
09-08
1067
시간 : 09-06
09-06
1066
시간 : 09-04
09-04
1065
시간 : 09-03
09-03
1064
시간 : 08-30
08-30
1063
시간 : 08-29
08-29
1062
시간 : 08-25
08-25
열람중
시간 : 08-23
08-23
1060
시간 : 08-18
08-18
1059
시간 : 08-15
08-15
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼