Topic-icon SClogin CSS

Active Subscriptions:

None
5 years 10 months ago #63968 by StefanSchoch
SClogin CSS was created by StefanSchoch
Hi there,

I had created a custom CSS to suit my needs for the modal popup SCLogin module.
Everything worked fine until suddendly the whole modal window looks different (size far too high, checkbox not aligned with text).

No matter what CSS (Default, Sourcecoast, mine) I choose, it always looks similalry wrong: nimb.ws/y2jKnL

What can I do to center the window again and set it to the appropriate height?

Stefan
The topic has been locked.
Support Specialist
5 years 10 months ago #63972 by alzander
Replied by alzander on topic SClogin CSS
To fix the height, add:
div#login-modal.sourcecoast.modal {
    bottom: auto;
}
This file (/templates/os_kilix/local/css/themes/stefan/bootstrap.css) is setting "bottom: 0" which is forcing the window to go to the bottom of the page.

I can't find what's shoving it to the left offhand though. The CSS I see indicates it should be centered, but obviously something is moving it. I hope the above helps, but please let us know if you find out anything.

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

None
5 years 10 months ago - 5 years 10 months ago #63974 by StefanSchoch
Replied by StefanSchoch on topic SClogin CSS
Hey Alex,

as always I very much appreciate your explanations!
I like that because I don't only want to have my errors fixed but also love to learn more. Thx!!

But - it still doesn't work.
I added the above lines into my 'stefan.css' in /html/stefan-schoch/templates/os_kilix/html/mod_sclogin/themes but it still doesn't work.
Also adding !important doesn't change anything.

Any idea?

Stefan

Addition:
In firefox, it looks better now: nimb.ws/VHuhYE but still wrong in Chrome: nimb.ws/89fqiw

And: how do I realign the checkbox with the text 'angemeldet bleiben'?
Last edit: 5 years 10 months ago by StefanSchoch.
The topic has been locked.
Support Specialist
5 years 10 months ago #63992 by alzander
Replied by alzander on topic SClogin CSS
The 'bottom' fix is working for me. My guess is that your browser cached the CSS file and you need to clear your cache to get that to work in all browsers.

As for the checkbox, I'm not sure what you're looking for. I see the checkbox and text centered under the Login and Register buttons. Can you explain more about what you're looking to accomplish?

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

None
5 years 10 months ago #63995 by StefanSchoch
Replied by StefanSchoch on topic SClogin CSS
Hi Alex,

thx for the tipp with the browser cache. That did the job!

The checkbox is Okay now, checkbox and text where not on the same line.

Great support, thanl you!

Stefan
The topic has been locked.
Support Specialist
5 years 10 months ago #63998 by alzander
Replied by alzander on topic SClogin CSS
Stefan,
No problem for the help. I'm glad to hear you got things how you wanted.

If you need anything else, please don't hesitate to reach out!

Thanks,
Alex
The topic has been locked.