안녕하세요.
케이보드 회원가입관리 스킨을 구매해 설치했습니다.
http://dns-korea.com/
사이트 메뉴에 활성화된 로그인, 회원가입이 테마스킨에 메뉴명처럼 동일하게 적용되었습니다.
메뉴명과 구분되어 보이게끔, 회원가입과 로그인 글자는 우측으로, 폰트 사이즈는 조금 더 작게 하고 싶습니다.
조언 부탁드리겠습니다.
감사합니다.
안녕하세요~^^
말씀하신 것처럼 적용하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> 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 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
감사합니다!
덕분에 해결되었습니다~!! ^^