아바다(AVADA)는 유료 워드프레스 테마 판매 사이트에서 가장 많은 판매를 자랑하는 테마입니다. 아바다의 AVADA > 로고 옵션에서 로고를 추가할 수 있습니다. 하지만 아바다 테마에서는 다른 테마와 달리 헤더 텍스트(사이트 제목/사이트 설명)를 추가할 수 있는 옵션은 제공되지 않습니다.

워드프레스 아바다 로고 옵션

위의 그림과 같이 “로고” 옵션에서 로고와 모바일 로고 및 파비콘 등을 추가할 수 있습니다.

그러면 로고 대신 사이트 제목을 사용하려면 어떻게 하면 될까요? 직접 테마 소스를 변경하는 것도 가능하겠지만 그것보다는 간단히 CSS 코드를 통해 로고를 텍스트로 변경할 수 있습니다.  다음 CSS 코드를 스타일시트 파일(CSS 파일)에 추가하도록 합니다.

.fusion-logo img {
display: none !important;
}
.fusion-logo a:before {
content: "헤더 텍스트" !important;
line-height: 48px !important;
font-size: 36px !important;
color: black!important;
}

물론 “헤더 텍스트” 부분에 원하는 문구를 추가하시면 됩니다. 위와 같은 코드를 아바다 테마의 스타일시트 파일에 추가하면 다음과 비슷하게 헤더 부분이 변경됩니다.

워드프레스 아바다 테마 헤더 텍스트 사용

글자색과 글자 크기 및 위아래 여백을 적당히 조정하도록 합니다.