daemon
(Alex)
1
여러분 안녕하세요!
고정된 폭 값을 제거하고 백분율 값으로 대체하고 싶습니다.
어떻게 하면 될까요? 많은 방법을 시도해 봤지만 아무것도 작동하지 않았습니다.
"홈페이지"에서 어떻게 보여야 하는지 두 장의 이미지를 첨부합니다.
그리고 토픽 내부에서는 이렇게 보입니다.
이 부분에 대해 힌트를 주시거나 코드를 직접 알려주실 수 있는 분이 계신가요?
매우 감사하겠습니다!
Stranik
(Evgeny)
3
열 너비 기준
먼저 display: flex;를 다시 정의해야 합니다:
.categories-and-latest {
display: block;
}
그리고 너비를 설정합니다:
.column.categories{
width: 40%;
float: left;
}
이것은 예시일 뿐입니다. 이전 div를 가져와서 화면 너비를 처리해야 할 수 있습니다. 모바일 기기에서는 어떤 일이 일어날지 모르겠으며, 더 많은 CSS를 추가해야 할 것입니다.
display: flex;에 주의하세요. 아마도 여기에서 어려움이 있을 수 있습니다.
daemon
(Alex)
4
감사합니다!
제가 찾고 있는 것은 기본 너비에 대한 CSS 셀렉터입니다.
.wrap과 다른 셀렉터들을 여러 번 시도해 보았지만, 어떤 것도 작동하지 않았습니다. 인스펙터로 확인한 것들입니다.
daemon
(Alex)
6
이렇게 하면 헤더와 푸터만 100%가 됩니다.
무언가를 놓치고 있는 건가요?
수정:
다시 확인해 보니 다음을 삽입했습니다.
#main > div #main-outlet {
max-width: 90%;
width: 90%;
}
하지만 스크린샷에서 볼 수 있듯이 theme_11.scss에 의해 덮어씌워지고 있으며, 그 이유를 모르겠습니다.
Stranik
(Evgeny)
7
이 옵션을 시도해 보세요.
.categories-and-latest {
display: block;
}
.wrap {
max-width: 90%;
width: 90%;
}
.categories-and-latest div.column.categories {
width: 40%;
float: left;
}
daemon
(Alex)
8
위와 동일한 문제입니다. theme_11.scss에서 덮어쓰기됩니다.
처음에는 잘 작동했는데 지금은 안 되어서 정말 짜증나네요.
수정:
테마 컴포넌트 중 하나입니다. 어느 것인지 파악해야 합니다.
찾아냈습니다. 공식 "Easy responsive footer"입니다. 이것을 제거하니 사이트가 90% 폭으로 변경되었습니다.
푸터를 다시 사용하고 싶으니 @Johani 님이 한번 확인해 주실 수 있을까요?
수정2:
"Versatile Banner"가 폭 변경을 “깨뜨리고” 있습니다. @tshenry 님도 한번 확인해 주실 수 있을까요?
