안녕하세요~^^

말씀하신 것처럼 적용하시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#header-outer.transparent #top nav > ul > li.cosmosfarm-members-register a { margin-left: 20px; margin-right: 0; font-size: 14px; }
#header-outer.transparent #top nav > ul > li.cosmosfarm-members-login a { margin-right: 0; margin-left: 100px; font-size: 14px; }

위의 코드에서 각 픽셀 크기는 적당히 조절해보세요.

margin-left는 왼쪽 여백 설정이며

margin-right는 오른쪽 여백 설정입니다.

font-size 쪽은 폰트의 크기입니다.

고맙습니다.

빠른 답변 감사합니다. 
덕분에 수정이 되었습니다. ^^

[추가 문의사항]
1.로그인 되었을 경우 '로그아웃'과 '회원정보'도 동일하게 수정하려면 어떻게 해야하나요?
2.추가로 페이지를 스크롤 할 경우 변경되는 상단gnb도 동일하게 수정하고 싶습니다. 어떻게 해야하나요?

조언 부탁드리겠습니다.
감사합니다.

로그아웃, 회원정보와 스크롤 내릴 때 표시되는 메뉴에도 적용하시려면

아래의 코드도 추가해보세요.

#header-outer.transparent #top nav > ul > li.cosmosfarm-members-account a { margin-left: 20px; margin-right: 0; font-size: 14px; }
#header-outer.transparent #top nav > ul > li.cosmosfarm-members-logout a { margin-right: 0; margin-left: 100px; font-size: 14px; }

#header-outer[data-lhe="animated_underline"] #top nav > ul > li.cosmosfarm-members-register > a { margin-left: 20px; margin-right: 0; font-size: 14px; }
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.cosmosfarm-members-login > a { margin-right: 0; margin-left: 100px; font-size: 14px; }
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.cosmosfarm-members-account > a { margin-left: 20px; margin-right: 0; font-size: 14px; }
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.cosmosfarm-members-logout > a { margin-right: 0; margin-left: 100px; font-size: 14px; }

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.

감사합니다!
덕분에 해결되었습니다~!! ^^