2013-06-06 3 views
1

내 Wordpress 사이트에서 일부 배경 속성을 수정하고 싶습니다.Wordpress CSS 스타일 시트에서 배경 편집

크롬의 나는 현재 내가 가지고있는 것을 볼 수있다 요소를 검사 사용 :

body.custom-background { 
background-color: #f6f6f6; 
background-image: url('http://patchwood.ca/wp-content/uploads/2013/06/bktopright.png'); 
background-repeat: repeat; 
background-position: top left; 
background-attachment: fixed; 

나는 오른쪽에없는 반복과 배경 위치에 배경 반복을 편집하고 싶습니다.

소리가 간단하지만 Wordpress의 편집기를 보면 선택기가 존재하지 않습니다. 이 스타일은 홈 페이지의 53 행에있는 html 내에있는 것으로 나타났습니다.

손으로 직접 만든 웹 사이트라면 스타일 시트를 업데이트 하겠지만 데이터베이스 기반 Wordpress 사이트는 어디서 편집해야 하는지를 아는 것이 더 어렵습니다.

다른 속성보다 우선하는 본문 요소 배경에 스타일을 추가하는 방법이 있는지 궁금합니다. 그래서 기본적으로, 스타일 시트의 맨 아래에 다음 코드를 추가하여 다른 것을 덮어 쓸 경우.

body.custom-background { 
    background-repeat: no-repeat; 
    background-position: top right; 
} 

나는 그걸 추가하려고했지만 성공하지 못했습니다. 어떤 아이디어?

+0

다소 좋지 않지만 사용하면됩니다. ! important –

+0

@AndrewBartel 감사합니다. 저는이 스타일 시트의 맨 아래에서이 도구를 사용해 보았습니다. body.custom-background { \t background-repeat : no-repeat! important; \t 배경 위치 : 오른쪽 상단! 중요; \t} 하지만 그건 도움이되지 못했습니다. 선택기를 잘못 선택했는지 궁금합니다 –

+0

관련 코드의 나머지 부분을 게시 할 수 있습니까? 위의 코드가 작동하지 않으면 다른 오류가 발생합니다. – Adrift

답변

1

그 모양이 헤더에 표시됩니다. 아마 wordpress backend에 설정된 사용자 정의 배경 이미지 일 것입니다.

이 고정 방식에 대해 다소 라운드 머리글 또는 바닥 글에

<style> 
body.custom-background { 
    background-repeat: no-repeat !important; 
    background-position: top right !important; 
} 
</style> 

를 추가 할 수 있습니다

+0

고맙습니다. –

1

하드 코딩 된 것처럼 보입니다. <head> 태그 안에 있으며 이는 header.php의 일부일 수 있음을 의미합니다. style.css를 편집하는 대신 header.php를보고 변경하십시오 (또는 <head>의 참조를 삭제하고 .custom-background의 스타일 정보를 style.css로 이동하는 것이 더 좋음). 어떻게해야

add_theme_support('custom-background'); 

(있는 style.css에서 원하는 배경 속성을 설정 한 후 등)이 줄을 제거하십시오 Codex에 따르면

편집 은, 사용자 정의 배경이 functions.php에 다음 줄을 사용하여 사용 가능 속임수.

+0

감사합니다. header.php가 "custom-background"문자열을 포함하고 있지 않기 때문에이 답변에 대한 아이디어가 마음에 들었습니다. 나는 실제로 그것을 검색하는 모든 파일을 훑어 보았습니다 - 어디서 생성되는지는 알 수 없습니다! Wordpress 테마를 사용하면 WP 백엔드에서 배경 그림을 선택할 수 있습니다. 내 동적 사이트에 대한 지식은 불투명하지만 내용이 SQL 데이터베이스에있을 수 있습니까? –

+0

잠깐, header.php에 ''의 클래스로 'custom-background'도 포함되어 있지 않습니까? 이 경우 어딘가 다른 함수에 의해 할당 될 수도 있습니다 ... 찾았습니다! 그것은 functions.php에 있어야합니다 - 내 편집 된 답변을 참조하십시오. – ASGM

+0

감사합니다. 내가 functions.php에서 그 라인을 제거하고 내 자신의 스타일을 추가하려고했지만 무슨 일이 있었는지 배경이 모두 사라진 것입니다. 나는 신체의 배경을 선택하지 못했습니다. body와 body.custom-background를 모두 쓸모없는 것으로 보았습니다. 연구의 빠른 수행을 통해 나타났습니다! 중요한 것은 최후의 수단이어야합니다. 나는 당신의 대답과 함께 가고 싶었습니다. 그러나 아아 나는 실패했다. 내가 얼마나 가까이에 있었는지는 잘 모르지만 진심으로, 당신의 시간과 도움에 다시 한번 감사한다. –

0

내가이 성공 CSS를 코드 CSS 요소를 검사에서 배경을 관리 할 수 ​​있습니다 :

<style> 
body.custom-background { 
    background-attachment: fixed; 
    background-color: #F6F6F6; 
    background-image: url("http://patchwood.ca/wp-content/uploads/2013/06/bktopright.png"); 
    background-position: right center; 
    background-repeat: repeat-y; 
} 
</style> 
관련 문제