Log in | Register
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. SC Login Modal not displaying properly

Topic-icon SC Login Modal not displaying properly

Active Subscriptions:

None
7 years 8 months ago #59112 by fb_1127481405
On my mobile/tablet site at www.virtualformguide.com I'm using SCLogin modal with Sourcecoast layout.

In the modal the user name and password fields are only half height making the layout look ugly.

Also the registration button text seems blurred. I've tried changing the button background colours to match the site but its not working properly.

I have been using SCLogin on this site for several years and recently upgraded to the latest version. Could I have left over style sheets from previous versions conflicting with the latest version? Would like to know where they are all located if I have to uninstall and install again.
The topic has been locked.
Support Specialist
7 years 8 months ago #59119 by alzander
Bill,
First, good to hear from you again and I hope all is going well!

As to your issues, the problems you describe are almost all caused by templates that are overriding our styles. We try to prevent some overrides (to prevent common conflicts/problems), but allow others (to allow for better integration/looks with the site's template). It's a fine balancing act that usually works.. but sometimes doesn't.

I just went to your page, but couldn't find the modal popup. Can you tell us where to look or enable it on some interior/infrequently used page so we can test before you make it live on the whole site? We'll gladly take a look and see what we can do.

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

None
7 years 8 months ago #59126 by fb_1127481405
You need to view on a tablet to see the mobile site. On a desktop you can put the query string ?template=responsivizer to use the template for the mobile view.
The topic has been locked.
Support Specialist
7 years 8 months ago #59128 by mel
From sc_bootstrap.css file, the height is getting set to 20px for the .sourcecoast input[type="text"] element. If you set it to 44px, the height will be correct for this issue.

You can target styles at certain webpage sizes, so something like the following would just target mobile:
@media (max-width: 767px) {
.sourcecoast input[type="text"] {
height: 44px;
}
}

-Melissa
The topic has been locked.
Active Subscriptions:

None
7 years 8 months ago #59138 by fb_1127481405
Thanks thats fixed.

Now what about the blurry text on the register button?
The topic has been locked.
Support Specialist
7 years 8 months ago #59146 by mel
The color on the ".sourcecoast .btn" class should be set to "#FFFFFF" since you've changed the background color to a darker color.

If you haven't already, I would suggest creating your own theme for SCLogin, so that you don't lose any changes that you've made when you upgrade JFBConnect/SCLogin the next time. Here's the documentation for themes to get started.
The topic has been locked.
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. SC Login Modal not displaying properly
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS