[IT관리자]

- 사용 중인 워드프레스 테마: GeneratePress

- 자세한 질문 내용:

워드님 블로그를 요 며칠사이에 거의 정독수준으로 하는듯..

그래도 아예 생초보라

코드를 넣으라고 코드까지 알려주시는데

코드를 어디 위치에 넣을지 몰라서 못하는 중이지만..

기본으로 이렇게 되어있더라고요

근데 뭔가 제 스타일이 아니라서

아래로 내리고싶거든요 길게~ 가운데 중심으로

이거 어떻게 바꾸면될까요?

구글링 한 4시간정도 찾아봤는데

아 지칩니다 ㅜㅡㅜ

​

버튼을 수정하고싶은데, 혹시 아시분 계십니까요?

출처: https://cafe.naver.com/wphomepage/18325

게시글

[IT관리자]

버튼을 아래에 한 라인이 되도록 하고 싶으신건가요?

그런 경우 간단한 CSS코드로 가능합니다.

사이트 URL을 알려드주시면 제가 CSS 코드를 체크해드리겠습니다.

제 워드프레스 블로그에는 GeneratePress 테마가 설치되어 있는데, 다음과 같은 CSS 코드를 사용했습니다.

.read-more.button, .read-more.button:visited {
    background-color: #eee;
    clear: both;
    color: #222;
    display: block;
    font-size: 14px;
    margin-top: -9px;
    padding: 3px 10px;
    text-align: center;
}

기본적인 CSS를 알면 그리 어렵지 않게 구현이 가능합니다. 다른 테마에서도 마찬가지입니다. 기본적인 원리를 이해하면 좋을 듯 합니다.

워드프레스에서 기본적인 CSS 응용 방법은 다은 글을 참고해보세요.

워드프레스에 CSS를 적용하는 방법[기초]

 

인터넷에서 생활코딩 같은 무료 동영상 강의를 들을 수 있고, 책도 한 번 구입하여 틈틈이 참조할 수 있을 것입니다.

워드프레스에서 커스텀 CSS 코드는 워드프레스 관리자 페이지 » 외모 » 사용자 정의하기 » 추가 CSS에 추가할 수 있습니다.

제너레이트프레스 테마 세팅에 대해서는 다음 글을 참고해보세요:

https://avada.tistory.com/2299

[글쓴이]

답변