Modal register/login button customization

This topic has 7 replies, 3 voices, and was last updated 11 years by SQadmin.

Author
November 2, 2013 at 01:24 #5693

JohnDoe
Participant
How can i make the facebook button go down a bit?
COPY CODE
```
.small.button.facebook:hover {
background-color:#fff;
color:#3b5a9b;
width:195px;
height:37px;
border: 1px solid #3b5a9b;
}

.small.button.facebook {
font-size:14px;
width:195px;
height:37px;
border: 1px solid #3b5a9b;
}

.i.icon-facebook {
width:14px
height:14px;
}
```
November 2, 2013 at 20:57 #5738

SQadmin
Keymaster
Hi, put this in sweet admin/Styling options/Quick css box:
COPY CODE
```
.reveal-modal .button.facebook {
   height: 37px; font-size: 14px; float: right;padding: 10px 8px 11px;
}

@media only screen and (max-width: 767px) {
   .reveal-modal .button.facebook { float: none; }	
}
```
and for better view on mobile please remove fix width like “width:195px;”.

We will provide a style fix for this in v2.3

ps: We’ve already done that on this demo http://seventhqueen.com/demo/sweetdatewp/

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
November 2, 2013 at 21:07 #5742

JohnDoe
Participant

so my previous code can be removed?

November 2, 2013 at 21:16 #5743

JohnDoe
Participant

Added your code, removed mine, and now i got this small problem , any ideas?
November 2, 2013 at 21:50 #5745

SQadmin
Keymaster
Need to adjust a little more padding in my previous code:
COPY CODE
```
.reveal-modal .button.facebook {
   height: 37px; font-size: 14px; float: right;padding: 10px 7px 11px;
}
```
I also added for hover:
COPY CODE
```
.reveal-modal .button.facebook:hover {
background-color: #496bb2; border-color: #496bb2;
}
```
ps: yes, you can remove your previous code

Regards, Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
November 2, 2013 at 21:55 #5746

JohnDoe
Participant

Thanks Robert, have a nice weekend 🙂

November 9, 2013 at 07:18 #6325

dlcjonathan
Participant

HI! im wondering how i can keep the FACEBOOK login and disable the standard login site wide?

November 11, 2013 at 22:57 #6423

SQadmin
Keymaster

Remove the login buttons trough the site.. and maybe search for a plugin that prohibits that

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Modal register/login button customization’ is closed to new replies.

Search KB

Log in with your credentials

Forgot your details?