소셜 로그인 사용시 여백 없애기
컨텐츠 정보
- 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페이지
준제님의 댓글
jjang214131님의 댓글
제이크님의 댓글의 댓글
주석을 해제해 보세요.. 요렇게~
/* 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); }
jjang214131님의 댓글의 댓글
좐슨님의 댓글
제이크님의 댓글의 댓글
좐슨님의 댓글의 댓글
싹쓰리님의 댓글의 댓글
좐슨님의 댓글의 댓글
싹쓰리님의 댓글의 댓글