운영 팁

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

컨텐츠 정보

  • 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페이지

제이크님의 댓글의 댓글

코드 영역이 주석처리 되어 있네요.
주석을 해제해 보세요.. 요렇게~
/* 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); }
Total 6 / 1 Page
New Post
COLOR

FONT