Trendy Login을 확인해 봤는데, 로그인 필수 사이트에 해당합니다. 또한 Page Publishing도 봤는데, 이 역시 로그인 필수인 것 같습니다.
이 팝업 상자를 요소의 위치를 이동하거나, 추가/삭제하는 등 커스터마이징하고 싶습니다.
안녕하세요, Making custom CSS changes on your site 을 통해 로그인 패널을 사용자 지정할 수 있습니다.
도움이 되셨으면 좋겠습니다.
안녕하세요, 저도 전에 그걸 봤는데 팝업 로그인 창이 여전히 뜨는 걸로 보이네요 
그리고 로그인 모드를 요구하지 않고도 사용할 수 있나요?
좀 까다로운 질문입니다. 로그인 팝업 박스의 텍스트를 변경하고 싶은데요.
현재 CSS를 사용하여 “Log in to your account” 텍스트를 "Login or Register here!"로 대체하고 있습니다.
.login-subheader {
visibility: hidden;
}
.login-subheader:after {
content:'Login or Register here!';
visibility: visible;
}
문제는, 원래 텍스트처럼 왼쪽으로 정렬되어야 하는데 결과가 이렇게 나온다는 점입니다.
하지만 이것은 원래의 "Log in to your account"가 단순히 숨겨진 것이지 사라진 것이 아니기 때문에, 실제로는 다음과 같은 상태입니다:
그렇다면 CSS 트릭을 사용하는 대신 여기서 HTML을 직접 변경하는 방법이 있을까요?
바꾸고 싶은 텍스트를 여기서 검색하고 변경하세요:
/admin/customize/site_texts
자세한 정보:
그냥 텍스트만 변경하는 건가요, 아니면 HTML을 사용할 수도 있나요?
수정: 간단한 <b></b> 테스트를 해본 결과, 거기서는 HTML을 사용할 수 없는 것 같습니다…그래서 더 나은 해결책이 필요합니다.
단어나 문장 사이에 CSS로 줄바꿈을 하는 방법을 잘 모르겠어요. 그게 아예 불가능한 건가요? 아니면 문장 안의 특정 단어를 굵게 표시하는 것 같은 것도요.
CSS Tutorial 같은 곳에서 튜토리얼을 해보시는 걸 추천드립니다.
이런 종류의 변경을 하려면 기본적인 지식이 필요합니다.
실제로 줄바꿈은 제거되지 않으므로 <br><br>가 작동합니다.
CSS 학습과 포럼 커스터마이징을 돕기 위한 일반적인 링크를 이미 여기에 게시했습니다:
음, 내 컴퓨터에서는 작동하지 않나요?
안녕하세요 
/admin/customize/site_texts의 텍스트를 수정하세요
다음 형식으로 
이후 CSS에 다음 내용을 추가하세요.
.d-modal {
&.login-modal {
.login-subheader {
white-space: pre-line;
}
}
}
결과
정말 감사합니다!