민트 테마에서 배경 변경

제품 지원
2

Mint 테마의 배경 형상은 실제로는 이미지가 아니라 그라데이션이지만, 어쨌든 몇 줄의 CSS로 비활성화할 수 있습니다. 새로운 테마 구성 요소를 만들고 Mint 테마에 추가한 다음, 아래 코드를 포함하세요:

#main-outlet::before, 
#main-outlet::after {
  display: none;
}

이제 더 많은 CSS를 사용하여 사용자 정의 배경 이미지를 추가할 수 있습니다. 먼저 테마 구성 요소의 업로드 섹션에 이미지를 추가해야 합니다:

image
image300×165 4.47 KB

그런 다음 CSS에서 다음과 같이 이미지의 변수 이름을 참조할 수 있습니다:

body {
  background: url($blobs);
}