Log in | Register
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. Modal view not working with Yootheme Pro theme

Topic-icon Modal view not working with Yootheme Pro theme

Active Subscriptions:

None
4 years 5 months ago #65753 by djc1
I have two different websites running Youtheme Pro themes, and two others running the older Yootheme Warp themes.
SCLogin works great in Modal view for all the Warp themes, but I cannot get the modal window to show up on the Yootheme Pro themes.

Has anyone experianced this and have a solution? I have reached out to Yoo and have not gotten a satisfactory answer yet.

TIA,
Dom
The topic has been locked.
Support Specialist
4 years 5 months ago #65754 by mel
Usually this would be caused by CSS from our module and your template not playing nicely together. If you provide us a URL of the page with the modal not popping up, I can take a look at the styles on the page to see if there's something conflicting.

-Melissa
The topic has been locked.
Active Subscriptions:

None
4 years 5 months ago #65755 by djc1
Thank you Melissa for your response!
Please check out aim-dev.zacaw.com for an example of the problem.

Regards,
Dom
The topic has been locked.
Support Specialist
4 years 5 months ago #65756 by mel
When I click on the login button, it doesn't toggle the modal state of the button properly. Looking at the source on your page, I don't see the bootstrap javascript file included which controls this modal popup behavior.

Can you go into the SCLogin module parameters in the backend and verify that the 'Load JQuery' setting is enabled in the Advanced section?

-Melissa
The topic has been locked.
Active Subscriptions:

None
4 years 5 months ago #65757 by djc1
THANK YOU!

I had added loading jQuery on the template, but I did not know there was a coresponding setting on the template!

We are closer, the modal appears, but in either modal or in always visible mode, you cannot type in the username and password fields. I have tried this on two browsers.

Ideas?

Dom
The topic has been locked.
Support Specialist
4 years 5 months ago #65758 by mel
It looks like the font-size on the username and password inputs is zero. Try this CSS.
input.sclogin-username, input.sclogin-passwd {
    font-size: 14px !important;
}

If you want to add that CSS to SCLogin, I would suggest making a theme so you don't lose any custom changes when you upgrade SCLogin in the future. Check out this page for instructions on creating your own.

-Melissa
The topic has been locked.
Active Subscriptions:

None
4 years 5 months ago #65759 by djc1
That did it....THANK YOU AGAIN!

If I could impose one more time....currently the webpage has a dark background (that may change), what would the CSS be to change the color of the name when a user is logged in?

Thanks,
Dom
The topic has been locked.
Support Specialist
4 years 5 months ago #65760 by mel
Should be as simple as adding the following
.sclogin-greeting {
color: #FFFFFF;
}
The topic has been locked.
Active Subscriptions:

None
4 years 5 months ago #65761 by djc1
Thank you one more time....I just did not know the class....I guess I could have gotten it myself. But I appreciate you being so kind and getting it for me.

Regards,
Dom
The topic has been locked.
Support Specialist
4 years 5 months ago #65762 by mel
No problem. Glad they were each easy fixes and I could help.

-Melissa
The topic has been locked.
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. Modal view not working with Yootheme Pro theme
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS