SquareSpace : 변경 섹션 배경 색상 (에이 몬/에단 템플릿)

Question

예 템플릿 : https://eamon-demo.squarespace.com/#overview-eamon

에단/에이 몬 테마의 텍스트와 단일 흰색 부분의 배경색을 변경하는 어떤 가능한 방법이 있나요? 나는 페이지 편집기의 고급 섹션에서

<style> 
.body { 
background-color: lightblue; 
} 
</style> 

으로 운이 없었습니다. 섹션의 배경색 중 하나만 변경하려고합니다. 모두 변경하고 싶지 않습니다. 감사.

솔루션! 나는이 (가) CSS 편집기에 다음을 추가 섹션 소위 "제목"작업을 할 수 있었다 :

section#titles { 
background-color: lightblue !important; 
} 

Answer 1

예, 그것은 가능하다 CSS attribute selector를 통해 대상으로. 예 :

[data-url-id='titles-eamon'] .content, [data-url-id='titles-eamon'] .content-inner { 
    background-color: lightblue !important; 
} 

위의 코드는 CSS Editor을 통해 삽입됩니다. data-url-id 값은 색인 페이지 섹션의 URL 슬러그에 해당합니다 (이미지 참조).

페이지 사용자 browser's developer tools의 코드를 검사 할 수 있습니다 (종종 F12 또는 CTRL + SHIFT + I를 누르십시오). 이렇게하면이 문제와 기타 유사한 문제/사용자 정의에 대한 페이지 코드를 탐색하는 데 도움이됩니다.