소셜 로그인 사용시 여백 없애기

제이크 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성
작성일 2020.07.21 09:08

1,003 조회
10 댓글

모든 소셜로그인을 사용하지는 않으실꺼라 생각됩니다.

적용하고자 하시는 소셜로그인의 개수에 따라 꽉차게 보이게 하는 것입니다.

위의 이미지는 2개일때 꽉차게 한 것입니다.

■ 가이드

#sns_outlogin .sns-icon {width:calc(50% - 10px); }

위의 css는 아래 경로에 넣어주세요.

/theme/WORKSPACE_THEME/css/custom.css

1개일때 width:calc(100% - 10px);

2개일때 width:calc(50% - 10px);

3개일때 width:calc(33.3% - 10px);

4개일때 width:calc(25% - 10px);

5개일때 width:calc(20% - 10px);

으로 변경 적용해 주시면 됩니다.

댓글 10개 / 1페이지

준제 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물
작성일 2020.10.25 17:20

우왕굿

jjang214131 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물
작성일 2020.10.26 18:53

댓글내용 확인

제이크 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물
작성일 2020.10.26 20:31

코드 영역이 주석처리 되어 있네요.
주석을 해제해 보세요.. 요렇게~
/* go-btn custome */
.go-btn {left:auto; right:50%; width:40px; margin-right:-700px;}
.go-btn .go-bottom {display:none;}
.go-btn button {width:40px; height:40px; margin:0; border-radius:50%; box-shadow:0px 2px 20px rgba(0, 0, 0, 0.4); font-size:20px; line-height:28px !important;}
.go-btn button i {margin-bottom:10px;}
.sns-icon {width:calc(50% - 10px); }