.sclogin .input-append, .sclogin .input-prepend{
margin-bottom:0px;
}
.sclogin .control-group {
margin-bottom:0px;
}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn {
margin-top: 2px !important;
}
.sclogin-social-login .pull-left {
margin:5px;
}
.sclogin-joomla-login.vertical input#sclogin-username.input-block-level, .sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level {
width: 60% !important;
}
span.sourcecoast.login{
border:0px none;
box-shadow:none;
}
Yes, this is what I meant.1) You say "For the textboxes, I already provided an example how to change the widths in my previous post". If in this case "textboxes" mean "input boxes" I think I did what I wanted.
Well with CSS, there are multiple ways to do anything So you can accomplish what you want with width (explicitly setting the pixel amount) or setting the padding (the size inside of the buttons padding around the text. Try to add the following code to the CSS. I think it will be probably be the easiest for you to understand. The second block has to set the padding, otherwise the element would be cut off:2) You say "For the login and register buttons, you can change the padding for the ".sourcecoast .btn" and ".sourcecoast .btn-primary" blocks ". I want to change theur width. I am reaaly bad at CSS. In this case does padding means width ?
.sclogin button.btn.btn-primary{
width:100%;
}
.sclogin a.btn{
width:99%;
padding:4px 0px;
}
I think you should create your images to be what you labeled in your last screenshot as "desired width for all elements". The template is currently smart enough to scale down our social network buttons, so it should scale down yours as well as the view shrinks.3) I will see it later but I want the module to be responsive so do I need to create the "largest" images I can and then set their width in % in order for them to be able to fit the creen width ?
I was confused at what you meant in your screenshot by "Delete this margin". Looking at your page, if you grow all of the elements in the SCLogin module to the "desired width of all of your elements" any extra whitespace or margin isn't being added by the SCLogin module since all of its elements would take up 100% of SCLogin's width. Any whitespace on the side of the module would be controlled by other elements in your template.4) You say "If there is extra whitespace, then you can edit your template files for the module position the SCLogin module is in. The SCLogin uses 100% width so it should be fluid if you condense it." I just do not get it.
.sclogin a.forgot {
padding-top: 0px;
padding-bottom: 0px;
}
.sclogin form{
margin:0px;
}
span.sourcecoast.login {
padding: 0px;
}
.sclogin-social-login.bottom {
padding: 0px;
}
Join our newsletter to get alerts for Joomla releases, tips and tricks and extension updates.