Topic-icon How to change the default button style for modal popup?

Active Subscriptions:

None
What do I do to change this? Does checking do not load bootstrap help? Or should I add custom module suffix? I tried and neigther seem to work. The way this button changes size on hover is not easthetic! Check the Sclogin module on the top right corner of my site
www.exambag.com
The topic has been locked.
Support Specialist
Ratna,
Something is adding the class "art-button" to the button. That class is conflicting with the bootstrap styles that we include and changing the 'hover' behavior to be smaller where the bootstrap style for 'normal' is bigger.

You can try disabling the Bootstrap inclusion altogether, which may help, but it could cause some other issues.

I hope that helps explain and lets you investigate further, but if you need anything else from us, just let me know.

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

None
10 years 8 months ago #35846 by ratlek
ACtually by the time you responded I added the art-button class hoping the bootstrap will be overridden. I took out the module class suffix and enabled bootstrap but the situation is still same. Can you suggest?
Also using custom image for google seems to not load the image?
www.exambag.com
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #35851 by ratlek
I see three classes being added irrespective of what I do. btn, btn-primary and art-button. It could be becasue I am using an artisteer template. But I am not sure why JFB is loading btn AND btn-primary?
Removing btn or art-button from below is resolving the issue. Now how do I do this?
<a data-toggle="modal" role="button" href="#login-modal" class="btn-primary art-button">Log in</a>
File Attachment:
The topic has been locked.
Support Specialist
The btn and btn-primary classes are added by the module and using both of those is simply how Bootstrap works. Fortunately, it's easy to fix. To do so, create a template override by copying /modules/mod_sclogin/tmpl/login.php to /templates/<YOUR_TEMPLATE>/html/mod_sclogin/login.php (create any directories that don't already exist).
A template override makes sure that your changes won't be overridden when you update next.

Once copied, edit the new file. At the top, around line 16, you'll see:
$loginClass = 'class="btn btn-primary"';
Simply update that line with whatever classes you want to set for the login button.

That should be it. Hopefully that gets you going, but if you need anything else, just let me know.

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

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

None
10 years 8 months ago #35873 by ratlek
Great! Now the logout button? I did not see btn or btn-primary in the logout.php. Is it somwhere else?
The topic has been locked.
Support Specialist
10 years 8 months ago - 10 years 8 months ago #35895 by alzander
The logout button is actually in the /modules/mod_sclogin/helper.php file. Around line 296, you'll see:
<input type="submit" name="Submit" class="button btn btn-primary" value="' . JText::_('JLOGOUT') . '" />
Edit it there, for now. In the next release we'll be moving that block into the logout.php file so it can be properly overridden.

I hope that helps,
Alex
Last edit: 10 years 8 months ago by alzander.
The topic has been locked.