Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Overriding sclogin default.css to change username width?

Topic-icon Overriding sclogin default.css to change username width?

Active Subscriptions:

None
9 years 11 months ago #44481 by jayw
Need to override the sclogin username input field width but the default.css is using a fully qualified class reference with !important and my css skills are marginal at best.

I would edit the default.css file but the last time my changes were overwritten when I upgraded the module.

I want to change the width from 87% to 70%.

Suggestions?

-jay

The css file is: www.domaincom/dev2/media/sourcecoast/themes/sclogin/default.css and contains:
.sclogin-joomla-login.vertical input#sclogin-username.input-block-level, .sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level {
  width: 87% !important;
}

My custom css file is: custom.css and contains:
.sclogin-joomla-login.vertical input#sclogin-username.input-block-level, .sclogin-joomla-login.vertical input#sclogin-passwd.input-block-level {
  width: 70% !important;
}
The topic has been locked.
Support Specialist
9 years 11 months ago #44493 by alzander
We have a full Themeing the SCLogin module document, which has more of the gory details about what to do. The best answer is:
* Copy media/sourcecoast/themes/sclogin/default.css to /templates/<YOUR_JOOMLA_TEMPLATE>/html/mod_sclogin/themes/default.css
Edit away.

Better yet, copy that file to /templates/<YOUR_JOOMLA_TEMPLATE>/html/mod_sclogin/themes/my-custom-theme.css and select that theme in the SCLogin module parameters. The benefit of that is it will be easier to switch between "Default" and "My Custom Theme" in the future so that you can more easily detect any changes we make in the next release(s) of SCLogin. While your changes won't be overwritten going forward, you will want to ensure that you try to incorporate any changes we make into your custom theme.

I hope that helps, but if you have any questions, just let me know!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
9 years 11 months ago #44496 by jayw
Thanks. Great support as always. -j
The topic has been locked.
Active Subscriptions:

None
9 years 11 months ago #44523 by jayw
Hey Alex,

I created the directory to hold the alternative css file using ftp but don't see where I can configure the sclogin module to find it.

The directory & file I created: /public_html/wakulla-dev2/templates/jsn_nuru_pro/html/mod_sclogin/themes/sclogin-default.css
The alternative css file: sclogin-default.css

Configuration tabs in the module manager are:
Module | Menu Assignment | Module Permissions | Login View Settings | Logout View Settings | Social Button Settings | Advanced

Thoughts?

-j
The topic has been locked.
Support Specialist
9 years 11 months ago #44528 by alzander
In the Login View Settings, the first option (I believe) is "Theme". Use that drop-down and (hopefully) you'll see your new file in there. If not, let me know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
9 years 11 months ago #44562 by jayw
That was it. Thanks again. -j
The topic has been locked.
Support Specialist
9 years 11 months ago #44564 by alzander
No problem for the help. That's what we're here for. If you have any other questions, just let me know.

Finally, if you haven't already, please consider leaving a rating and review for SCLogin, or our support, on the Joomla Extension Directory. It certainly isn't required, but is very appreciated:
extensions.joomla.org/extensions/access-...authentication/24054

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Overriding sclogin default.css to change username width?
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS