갠트리 프레임 워크 - 줌라 내가 CSS 파일을 편집 할 수있는 방법을 알고 싶습니다 CSS

Question

에서 로고 편집하는 방법 : 나는 Grantry의 v4.1.24와 줌라 3.3.1

를 사용하고 (예 : 로고 크기, 로고 경로) 를 로고 변경 방법의 예를 참조하십시오.

#rt-logo { 
background: url("/qatarclean/joomla_gantry/images/logo.png") no-repeat scroll 50% 0 transparent !important; 
} 

#rt-logo { 
height: 140px; 
width: 267px; 
} 

어떻게 이것을위한 CSS 위치를 찾을 수 있습니까? Firebug의 은 폴더 경로 만 표시합니다. gantry-custom.css 파일을 만들고 위의 데이터에 삽입했습니다. 작동하지 않습니다.

첨부 된 그림보기;

또한 선택한 CSS 파일에서 일부 줄을 제거하는 방법을 알고 싶습니다. 사전에

감사합니다,

사 미라 실바

Answer 1

는 갠트리 프레임 워크는 LESS 파일을 컴파일 사용합니다. 이러한 내용을 직접 편집하는 대신 사용자 정의 CSS 또는 사용자 정의 LESS 파일을 작성하여 변경 사항을 템플리트 갱신으로 겹쳐 쓰지 않는 것이 좋습니다.

!important을 사용하면 재정의가 작동하지 않을 수 있습니다.

에서 RocketTheme 포럼에 헤닝에 의해 설명 된대로이 사용하는 CSS 특이성 주위에 얻을 수 있습니다 : CSS 특이성 헤닝에 대한 자세한 내용은 http://www.rockettheme.com/forum/configuration-and-security/209832-want-nail-how-2use-template-name-custom-css-file-correctly#1028846

은 권장 http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know이 특정 경우

, 수정해야 다음 당신이 가지고있는 문제점 :

div#rt-logo { 
    background: url("/qatarclean/joomla-gantry/images/logodf.png") no-repeat scroll 50% 0 transparent !important; 
}