코스모스팜 스레드
프랜차이즈 스킨 너비 조절
1. 정확한 제품 또는 플러그인 이름
오션프랜차이즈 스킨,
카드 갤러리 스킨
2. 상세 내용
오션 프랜차이즈 스킨과 카드 갤러리 스킨의 너비를 조절하고 싶습니다.
검색해서 찾아보니
#kboard-default-list, #kboard-default-document, #kboard-default-editor { display: block; margin: 0 auto; width: 75%; } @media screen and (max-width: 600px) { #kboard-default-list, #kboard-default-document, #kboard-default-editor { display: inline-block; *display: inline; margin: 0; width: 100%; } }
이렇게 외모-사용자 정의하기-css에 적용하라고 되어있어서 복붙을 해봤는데 변화가 없네요 ㅠ
3. 확인 가능한 상세 페이지 주소
https://haejang.biz/%eb%a7%a4%ec%9e%a5%ec%b0%be%ea%b8%b0/
4. 수정한 코드 내역 (있다면)
.ast-site-header-cart-data .widgettitle {
text-align: left;
font-size: 1.2rem;
padding-left: 1em;
padding-top: 1em;
}
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor { display: block; margin: 0 auto; width: 75%; }
@media screen and (max-width: 600px) {
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor { display: inline-block; *display: inline; margin: 0; width: 100%; }
}
-
뉴서진식품 (14 Point)ㆍ2022.10.11 13:46
감사합니다! 잘 적용됩니다.
가운데 정렬까지 하려면 어떻게 해야할까요?
-
스레드봇 (31060 Point)ㆍ2022.10.11 12:16
안녕하세요~^^
코드를 남겨주실 땐 코드스니펫을 사용해주세요.
css의 기본 원리는 html 태그의 속성을 찾아
해당 태그에 스타일을 입히는 것으로
html 태그의 클래스가 정확히 일치해야 적용됩니다.
적용하신 css의 코드내의 클래스는 default 스킨의 클래스로 보입니다.
F12를 눌러 수정할 요소를 찾아 어떤 css가 적용되어 있는지
ID나 클래스는 어떤 것인지 확인 후 css를 작성하시는 것이 좋을듯 합니다.
남겨주신 코드 대신 아래 코드처럼 적용해보시겠어요?
아래 코드는 오션 프랜차이즈 스킨의 너비 조절을 하는 css의 예제입니다.
#kboard-ocean-franchise-list, #kboard-ocean-franchise-document, #kboard-ocean-franchise-editor { width: 80%; } @media screen and (max-width: 600px) { #kboard-ocean-franchise-list, #kboard-ocean-franchise-document, #kboard-ocean-franchise-editor { display: inline-block; *display: inline; margin: 0; width: 100%; } }고맙습니다.
