2019. 9. 2.

이미지 슬라이드 bxslider css 수정 (style 오버라이드)

내 전공은 아니지만

회사 홈페이지 개편일을 PM으로 하다 보니

이래저래 점검하고 소스도 건드려 보고 있다.


이미지 슬라이드 부분이 필요해서

bxslider 를 사용했는데

디자이너가 이미지 배경의 색과 box 처리를 지워야 하는데 잘 안된단다.


bxslider css 를 따로 설치한 것이 아니고

link / script 를 url 주소 넣어 사용하다 보니

수정이 쉽지 않다.


참고 : https://offbyone.tistory.com/148


컨트롤 위치, 모양 변경을 위해서 style을 오버라이드 하라는데

이걸 어떻게 하느냐.. 한참 찾았다.

내 전공인 C++ / JAVA 였으면 쉽게 했을 것을..


html 의 head 안에

bxslider 에서 사용하는 div class 인 bx-wrapper 를 강제로 설정했더니 된다.


<head>

<style>
.bx-wrapper {border:0;background:#fbfbfb;box-shadow:none;}
</style>

</head>


box 처리 지우기 위해 border 0 랑 box-shadow 를 none 으로

배경색 변경을 위해 background #fbfbfb


된다..

html 에서 오버라이드.. 이런 식으로 하나보다.

댓글 없음:

댓글 쓰기