Log in | Register
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. Change Text position on SC Login Buttons

Topic-icon Change Text position on SC Login Buttons

Active Subscriptions:

None
2 years 6 months ago #67658 by davidunwin
Hi I have just started using SC Login to replace our existing login module which is not Joomla 4 compatiable
I have changed the Theme CSS to resize the buttons
.sourcecoast .btn-primary{background-color:#0d5f95; border:1px solid #2F4F4F; margin: 3px;height:0.5em; width:40px;}
.sourcecoast .btn-primary:hover{background-color:#808080; border:1px solid #2F4F4F; margin: 3px; height: 0.5em;width:40px;}
.sourcecoast .btn-secondary{background-color:#0d5f95 ; border:1px solid #2F4F4F; margin: 3px; height: 0.5em;width:40px;}
.sourcecoast .btn-secondary:hover{background-color:#808080 ; border:1px solid #2F4F4F; margin: 3px; height: 0.5em;width:40px;}
This all works as I want it except the text  'Login' and 'Register' is not now centred. See screen shot. I can't see where in the css to do this, any ideas on what I need to do?
Thanks in advance.
 
 
Attachments:
The topic has been locked.
Support Specialist
2 years 6 months ago #67663 by alzander
It's tough to diagnose through a picture and some CSS modifications without understanding how those changes interact with your template. Is it possible to send the URL of a page where we can see the SCLogin module installed? We should be able to investigate and provide any CSS changes pretty quickly when we see the module in action.

Thanks,
Alex
The following user(s) said Thank You: davidunwin
The topic has been locked.
Active Subscriptions:

None
2 years 6 months ago #67664 by davidunwin
Hi Alex, 
Thanks for responding.
Here is the test page we are using to test the module. It is using our Joomla template
cirenopenair.org.uk/index.php?option=com...t&view=article&id=42
Kind regards
David
The topic has been locked.
Support Specialist
2 years 6 months ago #67667 by mel
David,

I would suggest a CSS change like the following:
.sclogin a.btn.btn-primary, .sclogin a.btn-secondary {
    height: auto;
    padding: 10px;
    width: auto;
}

Since you're making your own modifications to the styles, we'd recommend making your own theme for SCLogin so that you don't lose changes on upgrade of SCLogin. Instructions can be found here

-Melissa
The following user(s) said Thank You: davidunwin
The topic has been locked.
Active Subscriptions:

None
2 years 5 months ago #67679 by davidunwin
Hi Melisa,
Thanks for the CSS and my apologies for not responding earlier.
I will make changes.
Thanks
David
The topic has been locked.
Support Specialist
2 years 5 months ago #67683 by mel
No problem. Let us know if you run into any other problems.

-Melissa
The following user(s) said Thank You: davidunwin
The topic has been locked.
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. Change Text position on SC Login Buttons
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS