Contact Form 7의 제출 버튼을 오른쪽으로 맞추는 방법

WordPress에서의 개발에서는 Contact Form 7을 좋아해서 사용하는데 이런 문제가 발생했습니다.



버튼을 오른쪽으로 맞추는 CSS를 맞아도 미묘하게 여백이 되어 있었습니다.
이쪽의 해결책을 정리했습니다.

무엇이 숨어 있는지 확인

아래 이미지처럼 뭔가 숨어있었습니다.
이쪽은, 송신의 통신을 하고 있을 때에 표시되는 빙글빙글 돌고 있는 녀석입니다.

우선 이쪽 표시될 필요가 없기 때문에 이것을 지우면 좋을 것 같네요.

css는 다음과 같습니다.



여기를 비상시하려면 Contact Form 7 플러그인 폴더의 CSS를 터치합니다.
여기에 저장됩니다.


파일을 열면 여기에서 검색합니다.
【검색어】div.wpcf7 .ajax-loader


그리고는 display:inline-block 를 display:none; 로 변경합니다.


브라우저에서 확인합니다.
문제 없을 것 같네요.


일단 플러그인의 코드를 만졌으므로, 송신 확인도 문제 없을까 해 보았습니다만, 문제 없게 송신할 수 있었습니다.