반응형 스킨에 제공하는 슬라이드배너 중 Light Style2의 텍스트 스타일은 css 수정을 통해 변경하실 수 있습니다.

1. 수정하시려는 텍스트의 class명을 확인해주셔야 합니다.
개발자도구>를 참고하셔서 변경할 텍스트 요소를 찍으면 해당 클래스명을 확인하실 수 있습니다.

2. [사용스킨]/css/user.css 파일에 아래와 같이 삽입 후 클래스명과 사이즈를 수정하여 이용하시기 바랍니다.
이때, 클래스명은 조합해서 알맞게 변경하셔야 합니다.
ex) .sliderB + .변경 텍스트 클래스명
 

• 메인 슬라이드 폰트 크기 변경

  .sliderB .text2 { font-size:50px; }
  
  @media only screen and (max-width:1023px) { /* 큰 테블릿 */
    .sliderB .text2 { font-size:44px; }
  }
  @media only screen and (max-width:767px) { /* 작은 테블릿 */
    .sliderB .text2 { font-size:40px; }
  }
  @media only screen and (max-width:479px) { /* 모바일 */
    .sliderB .text2 { font-size:34px; }
  }  

   
• 폰트 컬러 변경

  .sliderB .text2 { color:#ff0000; }    

※ 만약 스타일을 적용했는데 변화가 없다면
1. 캐시를 제거해보시기 바랍니다.( ctrl + f5 ) 캐시제거>
2. 아래와 같이 스타일에 띄어쓰기를 한번 한 후 !important를 붙여보시기 바랍니다.

.sliderB .text2 { font-size:50px !important; }

@media only screen and (max-width:1023px) { /* 큰 테블릿 */
  .sliderB .text2 { font-size:44px !important; }
}
@media only screen and (max-width:767px) { /* 작은 테블릿 */
  .sliderB .text2 { font-size:40px !important; }
}
@media only screen and (max-width:479px) { /* 모바일 */
  .sliderB .text2 { font-size:34px !important; }
}

.sliderB .text2 { color:#ff0000 !important;}