인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

박보름님의 프로필 이미지

작성한 질문수

구글 애드센스 수익형 워드프레스 블로그 만들기

GP 테마 Header와 Footer 간단하게 만드는 방법

Footer를 영상에 나오는대로 변경했는데

작성

·

61

0

푸터를 영상에 나온것처럼 변경했는데 새로고침하면 배경색 글자색 지정한거 없어지고 위에 같이 보이네요 ㅜh1글자색으로 보여지는 것같아요 해결방법있을까요?

답변 2

0

아이티커넥트님의 프로필 이미지
아이티커넥트
지식공유자

안녕하세요.

Footer 편집 화면에서 Copyright 영역을 클릭 하고,

우측 사이드에 "블록" 아래 있는 Typography와 Backgrouds에 색상을 지정하였는데,

위 이미지와 같이 적용이 되지 않으신걸까요?

우선 위 내용 확인 부탁드리며, 아쉽게도 보내주신 이미지로만 오류를 파악하긴 어렵습니다.

메일 주소 : contact@itconnect.dev

저희 메일로 사이트 주소, 관리자 ID/PW 보내주시면 직접 접속하여 어떤 부분에서 오류가 발생했는지 확인 후 말씀드리겠습니다.

 

연락주시기 바랍니다!

감사합니다.

박보름님의 프로필 이미지
박보름
질문자

dfs.png.webp

사용자 정의를 누르면 푸터가 바뀐 색으로 보이다가

dfsd.png.webp

사용자정의를 끄면 위에 이미지 같이 보입니다.

아이티커넥트님의 프로필 이미지
아이티커넥트
지식공유자

안녕하세요!

모양 - Elements에서 Footer를 추가하여 수정하신 걸까요?

정확한 오류 확인을 위해, 위에서 말씀 드렸다시피 메일 주소로 도메인과 관리자 ID/PW 전달 부탁드립니다.

감사합니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 박보름님.

푸터 스타일 변경 후 새로고침 시 배경색과 글자색이 사라지고 기본 설정이 적용되는 문제를 겪고 계신 것 같습니다. 이러한 문제는 주로 CSS 캐싱이나 스타일 시트의 우선순위 문제에서 비롯될 수 있습니다. 아래 몇 가지 해결 방법을 시도해 보세요:

  1. 캐시 문제 해결: 브라우저 캐시가 변경된 스타일을 반영하지 않고 있을 수 있습니다. 브라우저의 캐시를 지우거나, 크롬의 ‘개발자 도구’ > ‘네트워크’ 탭에서 ‘Disable cache’ 옵션을 체크한 후 페이지를 새로고침해 보세요.

  2. CSS 중요도 설정: 스타일이 제대로 적용되지 않는 경우, CSS 선택자의 우선순위를 높이거나 !important 속성을 사용하여 강제로 스타일을 적용할 수 있습니다. 예를 들어:

    footer {
       background-color: #yourcolor !important;
       color: #yourcolor !important;
    }
    
  3. 스타일 시트 확인: 원하는 스타일이 직접적으로 적용되지 않는 경우, 다른 CSS 파일이나 스타일이 해당 스타일을 덮어쓰고 있을 수 있습니다. 개발자 도구를 사용하여 어떤 스타일이 실제로 적용되는지 확인하시고, 필요한 경우 테마의 CSS 파일이나 설정을 조정해 보세요.

  4. 저장 및 업데이트 확인: 변경 사항을 스타일 시트에 저장했는지 확인하세요. 일부 테마나 플러그인은 스타일을 캐싱하기 때문에, 변경 후 반드시 저장 버튼을 클릭하여 새로운 스타일이 반영되도록 해야 합니다.

유사한 문제를 이미 다룬 사례로는 강의 관련 문의 드립니다에서 비슷한 테마 설정과 관련된 토론을 확인할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.