에티테마

안녕하세요, 테마 내 CSS 및 SCSS 속성 변경에 대해 질문이 있습니다.

페이지 정보

작성자 no_profile 마떼맨김마떼 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 2건 작성일 21-05-17 15:18

본문

안녕하세요, 먼저 훌륭한 테마를 무료로 배포해 주시고 계신 점 정말 감사드립니다. 제작자님 덕분에 그누보드를 써야 할 일이 있을때 일이 한결 수월해 졌습니다. :)

 

다름이아니오라, 에티 비지니스 테마 내에서 CSS를 조정하고 싶습니다. 그런데 일반 CSS 속성과 달리, 몇몇 속성들은 텍스트 에디터내에서는 확인이 불가능하고 오로지 웹으로 실행시켰을 때만 임시로(?) 생성되는 거 같습니다.

 

 따라서 

1. 이처럼 웹에서만 임시로 나타나는(?) 속성들을 텍스트 에디터로 수정하려면 어떻게 해야 하는지,

2. 이런 속성들을 생성하는 파일들의 경로 위치, 또는 경로 역추적은 어떻게 해야하는지

가 궁금해서 이렇게 글 남기게 되었습니다. 

 

 

예를들면 아래 사진처럼 default.css 파일은 분명 존재하지만, ?ver1912012:251 라는 속성은 존재하지 않더라고요. 문제는 제가 이 속성이 어느 파일에서, 어떤 원리로 생성되는지 역추적(?) 하지 못해서 수정을 못하고 있습니다.

 

아래 그림 : CSS 파일 내 임시 생성(?) 된 속성의 예

 

css1.jpg

 

 

 

 

 

 

 

 

 

 

다음으로는 SCSS 속성입니다. 아래 사진과 같이 asset 폴더 내 SCSS 폴더가 있는 것으로 나오지만, 실재 제 컴퓨터 내에는 존재하지 않습니다.

따라서 CSS 속성의 편집이 불가능한 상태입니다. 

좀 무식한 방법이긴 하지만 ,asset 폴더 내 .js  또는 .Map 으로 끝나는 파일들을 훑어보니 몇몇 속성은 검색되기도 하나, 대부분은 검색조차 되지 않고 설령 검색된 속성을 변경시켜도 막상 웹에서는 적용되지 않고 있습니다.

 

 

 

예 : 실제로 존재하지 않는 폴더에서 구현된 SCSS 속성 

 

scss1.jpg

 

 

 

 

정리하자면, 이처럼 임시로 만들어졌다가 사라지는 CSS 또는 SCSS 속성을 수정하려면 어떻게 해야 하는지 궁금합니다.

 

나름 검색을 해 보았지만, Css -> Scss 컴파일링에 대한 내용만 나오네요. 막다른 골목에 다다른 기분이라 이렇게 질문 드리게 되었습니다.

바쁘시겠지만, 조금의 단서나 키워드라도 알려주신다면 열심히 찾아 보겠습니다. 

 

그럼 좋은 하루 되세요! :D

 

 

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

넵~ 안녕하세요~ scss 등의 css 등은 실제 css 파일에 존재하지 않게 됩니다.
해당 부분의 추가적인 작업을 하실경우 과정은 이렇습니다.

_reboot.scss : 250
.button{
font-size: 13px;
}

위 처럼 scss 의 코드는 기존에 css 에 포함되어 있지 않기 때문에
덮어씌어서 작업을 하곤합니다.

.button 이라는 클래스가 테마의 css 에 존재 하지 않는다면
common.css 나 ety.css 에 새로 추가해서 만들어 줍니다.

.button{
font-size:16px;
}
위와 같은 식으로 기존에 없는 .button 을 새로 만들어서 적용을 하시면 됩니다.
데브툴의 네트워크 부분을 보시면 아시겠지만 css 로드시에
제일 마지막에 적용되는 css 들이 있을겁니다.
최대한 맨 마지막 부분의 css 안에 적용시켜주시면 됩니다.

--
그리고 맨 뒷부분에 default.css?~~~ 라고 시간이 붙는 이유는
기존에 컴퓨터에 css 파일과 자바스크립트 파일이 저장되기 때문에
css 수정시에는 반드시 ctrl + shift + R 을 눌러서 강력세로고침을 하셔야 수정한 css 가 적용되게 됩니다.
강력세로고침을 안해도 default.css?v~~ 라고 날짜를 입히거나 랜덤값을 넣어주게 되면
강력 세로고침한 효과가 있습니다.



---
새로 나타났다고 없어지는 클래스값등은 자바스크립트를 통해서 클래스가 추가되거나 제거 되기 때문에
js 폴더의 자바스크립트 파일을 보셔야 합니다.
대부분은 css 만으로도 어느정도 해결되시리라 판단 됩니다.

감사합니다.

마떼맨김마떼님의 댓글

no_profile 마떼맨김마떼 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

안녕하세요, 친절한 답변 감사드립니다. 조언해 주신대로 CSS 내에서 해결해 보도록 하겠습니다. 그럼 좋은 하루 되세요!

Total 14건 1 페이지
질문답변 목록
번호 제목 날짜
열람중
시간 : 05-17
05-17
13
시간 : 05-14
05-14
12
시간 : 05-13
05-13
11
gallery 재질문 댓글+ 1
시간 : 04-30
04-30
10
시간 : 04-30
04-30
9
시간 : 04-29
04-29
8
시간 : 04-27
04-27
7
시간 : 03-29
03-29
6
시간 : 03-23
03-23
5
시간 : 03-22
03-22
4
시간 : 03-08
03-08
3
시간 : 03-08
03-08
2
시간 : 03-04
03-04
1
시간 : 03-03
03-03
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼