워드프레스 아바다 테마에서 로고를 사이트 제목으로 변경하기

아바다(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;
}

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

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

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

3 thoughts on “워드프레스 아바다 테마에서 로고를 사이트 제목으로 변경하기”

  1. 마땅한 로고를 만들 수가 없어서 텍스트로 그냥 하려고 하는데 마침 도움이 되는 글이라 감사드립니다.
    아바다 차일드테마를 이용하고 있는데..그럼 차일드테마의 스타일시트파일에 추가해야하는건가요?
    추가를 했는데도 아무것도 나타나지 않아서요ㅠㅠ
    테마옵션의 로고메뉴에서는 이미지를 모두 삭제한 상태입니다.
    아래는 아바다테마의 차일드테마 스타일시트입니다.

    /*
    Theme Name: Avada Child
    Description: Child theme for Avada theme
    Author: ThemeFusion
    Template: Avada
    Version: 1.0.0
    Text Domain: Avada
    */
    .fusion-logo img {
    display: none !important;
    }
    .fusion-logo a:before {
    content: “블로그홀릭” !important;
    line-height: 48px !important;
    font-size: 36px !important;
    color: black!important;
    }

    응답
    • 안녕하세요?

      테마 옵션에서 로고를 추가해보시기 바랍니다.

      테스트해보니 위의 코드가 잘 작동하는 것을 확인할 수 있었습니다. 차일드 테마를 활성화해주셔야 하고요, style.css 파일에 추가해야 합니다.

      잘 안 되면 Avada > Theme Options > Custom CSS에 추가해보시기 바랍니다.

      응답

Leave a Comment