하위 카테고리에 이미지를 추가하고 크기를 조정하는 방법은 무엇인가요?

개발
1

안녕하세요,

::before CSS 코드를 수정하여 background: none을 사용하고 background-image: url (…)를 추가했습니다.
하지만 크기를 조절할 때 원하는 대로 작동하지 않습니다.

예를 들어 width: 60px, height: 60px 또는 max-width: 60px를 적용했을 때 말이죠.

어디서 실수를 하고 있을까요?

2

제가 이렇게 했습니다 :slight_smile:

.badge-category__wrapper .badge-category:before {
    background: none;
    border-radius: 2px;
    margin-top: 4px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    background-image: url(IMG URL);
    background-size: 15px 15px;
    margin-right: .5em;
}

.badge-category__wrapper .badge-category.--has-parent:before {
    background: none;
    border-radius: 2px;
    margin-top: 4px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    background-image: url(IMG URL);
    background-size: 15px 15px;
    margin-right: .5em;
}