Log in | Register
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. New version of SCLogin (v 7.1.0) messed up my modal login form?!

Topic-icon New version of SCLogin (v 7.1.0) messed up my modal login form?!

Active Subscriptions:

None
7 years 5 months ago #60204 by dmarin
I had modal SCLogin form nicely customized with CSS placed in THEME/html/mod_sclogin/themes on this site: www.instituteofmanagement.org
After I updated SCLogin to the latest version (v 7.1.0), it completely messed up my form!

I wish I did not update, because it seems to me that these two things you mention in Changelog messed it up:
Enh: Update styles to grow modal view correctly for mobile view
Bug Fix: Update styles to scroll modal window for modal

I do not want the scroll bars ... Text and everything was nicely centered before, so how do I fix it? Any ideas?
The topic has been locked.
Support Specialist
7 years 5 months ago #60210 by alzander
Progress can be a double-edged sword :)

The change was made because on enough sites, there were issues.. especially mobile oriented ones. However, if you don't like the scroll bars, it's a simple fix, really. In your custom CSS file, add:
.sourcecoast .modal-body {
width: 100%;
}
Try that first. If it doesn't work, update it to:
width: 100% !important;

Hope that helps get you going,
Alex
The topic has been locked.
Active Subscriptions:

None
7 years 5 months ago #60220 by dmarin
I tried, but it did not help. :(

This is the code that I had in there defining the width of the modal popup:

.sourcecoast.modal {
width: 450px !important;
}

Should I put your code before or after this?
The topic has been locked.
Support Specialist
7 years 5 months ago #60226 by alzander
I don't see the code I mentioned above anywhere on your site. Can you let me know what file you put it in? It should be in the CSS override file you already have.

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

None
7 years 5 months ago #60232 by dmarin
I removed the code, because it did not help ... at least not for horizontal bar.
So, now the code is there (including !important part), so you can still see the horizontal bar on the bottom.

Any other solutions for that?
The topic has been locked.
Support Specialist
7 years 5 months ago - 7 years 5 months ago #60235 by mel
Your site looks to be down, so I can't inspect the styles to come up with a suggestion right now.

The following styles were the ones that were changed in the latest SCLogin. If you prefer, you can make your own theme to revert back instead of coming up with a style to work with our new default style definitions. However, as we progress SCLogin, you'll have to manually pull in changes to your own themes.

1. In /media/sourcecoast/css/common.css, we added "width: 94%;" to ".sourcecoast .modal-body" block.
2. In /media/sourcecoast/themes/sclogin/default.css, we added "height: auto !important;" to "#login-modal" block.
3. In /media/sourcecoast/css/common.css, we changed:
.sourcecoast .modal-body { overflow-y:visible; }
to
.sourcecoast .modal-body { overflow-y:auto;}

-Melissa
Last edit: 7 years 5 months ago by mel.
The topic has been locked.
Active Subscriptions:

None
7 years 5 months ago #60243 by dmarin
Thanks for the info about the SCLogin CSS file changes. I am not as good with CSS, so I a not sure how that affected the bars ... but the site is up and running, so couldyou possibly check and see if you propose any solution?

Thanks, Danijel
The topic has been locked.
Support Specialist
7 years 5 months ago #60251 by alzander
The link in the original post was wrong. There was an extra 't' in it. I've fixed that so we can check the page easier now.

When I view your page, the modal popup looks good and doesn't have the vertical scroll bar. It does seem like I could scroll left and right, though it doesn't go far. If you want to remove that ability, add the following to your custom CSS file:
.sourcecoast .modal-body {
 overflow-y: initial;
}

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
7 years 5 months ago #60265 by dmarin
Thanks a million, Alex! That did it and the form is still back to normal! :)
As for the mobile form ... will see what to do about it ... but for now this is how I like it!
Regards, Danijel
The topic has been locked.
Support Specialist
7 years 5 months ago #60273 by alzander
Great! I'm glad to hear that got you going. If you need anything else, just let us know!

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. New version of SCLogin (v 7.1.0) messed up my modal login form?!
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS