일전에 반응형 페이지 각 css 위치 부분에 대해 찾는 부분을 한번 설명을 드렸던 적이 있었는데..

그 부분을 통해서 내용을 찾기가 어려우신건가요??

계속적으로 관련 내역을 조금씩 올려주시고 있는데요 이 부분에 대해서 한번더 설명을 드리도록 하겠습니다. 

 

먼저 크롬브라우져를 띄우신 다음 사이트를 접속을 하십니다. 

찾고자 하는 위치에 마우스 오른쪽버튼을 누르면 마지막에 요소검사를 클릭합니다. 그럼 크롬전용 관리모드 툴이 나타나는데요..여기서 조금씩 위치를 이동해 가면서 정확한 

내역을 찾습니다. 그렇게 하면 우측에 참조하는 css 및 클래스명이 나옵니다. 

이 부분을 관리자 페이지 css 관리에 가셔서 수정처리를 해주시면 됩니다. 

 

먼저 상단 네비게이션 부분인데요..

요소검사를 하면 위와 같이 나옵니다. 우측에 빨간색 박스 부분이 해당 css정보를 표시하는 부분입니다. 

좌측에 파란색으로 선택이 되어있는데 이 부분은 마우스로 클릭을 하거나 아님 키보드 화살표를 이용을 해서 하나씩 영역을 지정을 하시면 각 영역에 대한 내역을 확인을 할 수 있습니다.

 

이와 같이 css 명 및 클래스명을 확인을 한뒤 css 파일관리에서 해당 부분을 수정을 하시면 됩니다. 

 

두번째 서브페이지도 마찬가지 입니다. 

서브페이지도 동일하게 요소검사를 하시면 위치가 나타납니다. 물론 정확한 위치는 마우스나 키보드 화살표를 이동을 하셔서 정확한 위치를 찾으셔야 되는데 이 부분은 그렇게 어려운 부분이 아닙니다. 

좌측 회사소개 부분에 대해서 요소검사를 한 내용인데요..우측에 보시면 default.css 안에 asideNav라는 클래스에서 내용을 출력을 하고 있는것을 확인 할 수 있습니다. 

그럼 css 파일관리에 가셔서 해당 부분의  asideNav라는것을 검색을 하면 해당 부분으로 이동이 될껀데요..여기서 수정처리를 해주시면 됩니다. 

 

만약 css파일관리 창에서 찾기가 어려우시면 드림위버라던가 에디터플러스라던가 에디터 툴쪽으로 복사를 하셔서 내용확인을 하는 방법도 있으니 참고하시기 바랍니다.