메뉴 색깔 수정 중 scss 파일에 관한 질문
페이지 정보
작성자 빨간망고 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 2건 작성일 21-03-11 22:02본문
좋은 테마를 만들어주셔서 감사합니다.
보시다시피 개발자도구로 메뉴 색깔을 바꾸는 부분은 찾았습니다. 하지만 경로가 theme/ety~/assets/scss/_navbar.scss 이렇게 뜹니다.
당연히 scss 파일은 없었고 인터넷 검색을 해 비슷한 문서를 찾앗지만 능력의 한계로 멈춰있습니다.
메뉴색깔을 바꿀 수 있는 css 파일은 어디에 있을까요?
(ety 커뮤니티테마 css 파일을 다 뒤졋는데도 잘 모르겠습니다. ㅡㅜ)
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
scss 파일은 기존의 부트스트랩에 포함되어 있기 때문에 직접 수정하지는 않습니다.
그렇기 때문에 테마폴더/css/modern-business.css 에
직접 기입하는 방식으로 제작하고 있습니다.
예를 들어서 navbar 이라는 클래스가 scss 안에 선언되어 있을지라도
테마폴더/css/modern-business.css 부분에
.navbar{
// 작성할 스타일
}
위와 같은 식으로 직접 써주셔야 합니다.
scss 의 기본적으로 적용되어 있는 메뉴들을 새로운 클래스로 새로 입힌다고 생각하시면 좋을것 같습니다.
html 구조를 순서대로
...
위와 같은 구조로 되어 있는데요
접근시에는 보통
.a .b{
// 작성할 스타일
}
또는
b{
// 작성할 스타일
}
위와 같은 방식으로 접근을 해서 제작을 하게 됩니다.
팁
개발자 도구를 보시면 css 파일들을 불러오는 것을 볼 수 있습니다.
위에서부터 주루룩하고 여러개가 나오는데요
실제적으로 맨 밑에 스타일시트에 모든 내용이 마지막으로 적용됩니다.
1.css
2.css
3.css
라고 있을때
1,2,3 번 모두 같은 .navbar 이 있을 지라도
다 무시하고 3번에 최종적으로 .navbar 이 적용 됩니다.
결론
scss 가 있을지라도
맨 밑에 모던비즈니스.css 에 작성하시면 최종적으로 적용 됩니다.
빨간망고님의 댓글
빨간망고 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일아, 감사합니다. ㅎㅎㅎ 열심히 해보겠습니다.