에어(Air) 테마의 온라인 사용자 위젯을 지원하기 위한 커스텀:플러그인
커스텀:테마-컴포넌트 생성
공통 CSS를 편집하고 다음 코드를 추가하세요.
// Whis Online Customization
.discovery-list-container-top-outlet.online_users_widget {
display: flex;
padding-top: .38em;
background-color: var(--secondary);
border: 1px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
에어 테마에서 컴포넌트 활성화
결과: 이전에는 배경색이나 테두리가 없어 보기 어려웠습니다.
이러한 문제가 있는 몇 가지 영역을 수정하고 싶습니다.
예시는 이전 게시물에 나와 있습니다.
편집: 글로벌 배너에 대한 추가 수정 문제
글로벌 배너 사양에 대한 추가 정보:
//global banner image fix
#banner img {
width: 100%;
height: auto;
}
이 코드 스니펫을 제공해 주신 @awesomerobot님께 특별한 감사의 말씀을 드립니다.