Topic-icon Again question about Login / Logout Buttons

Active Subscriptions:

None
9 years 1 month ago - 9 years 1 month ago #61488 by StefanSchoch
Hi there,

we already had this question and it was solved on another site.
Now I run again into the same issue (Login / Logout Buttons are looking strange) and I want to change the appearance so they are identical with the other buttons in my template.
See this post: www.sourcecoast.com/forums/jfbconnect/jf...gin-/-logout-buttons

When I apply the changes states in that post (override in /html/stefan-schoch/templates/ic_neu_2s/html/mod_sclogin/), nothing happenes.
SClogin is the latest (7.2.) version.

What can I do?

EDIT:
Due to a cache issue the changes didn't apply immediately. Now the Logout-Button looks good, but not LOGIN and REGISTER :-o
www.stefan-schoch.de/online-kurse/alle-kurse.html


Stefan
joomlaLogin-vertical.zip
Last edit: 9 years 1 month ago by StefanSchoch.
The topic has been locked.
Support Specialist
9 years 1 month ago #61490 by mel
The class on the items needs to be "art-button". On the login button, you have an empty string as the class and on the register button, you have "btn art-button"

You may also need to update this style:
#form-sclogin-submitcreate a, .scuser-menu a.dropdown-toggle { color: #000000; }
to
#form-sclogin-submitcreate a, .scuser-menu a.dropdown-toggle { color: #305F79; }

Hope this helps.

-Melissa
The topic has been locked.
Active Subscriptions:

None
Thx!!

Looks much better now.

Can you give me a hint, how I can make teh buttons Login and Register centered and have a little space between them?
The topic has been locked.
Support Specialist
9 years 1 month ago #61495 by mel
The space:
#form-sclogin-submitcreate a { margin-top: 10px !important; }

Centered:
div#form-sclogin-submitcreate {
margin-left:auto;
margin-right:auto;
width: 70%; /* You can play around with this number */
}
The topic has been locked.
Active Subscriptions:

None
Hi Mel,

I'm a bit confused.
Which file are you talking about where I find (or have to ass?) the code above?

Stefan
The topic has been locked.
Support Specialist
9 years 1 month ago #61541 by mel
Sorry if I was a bit cryptic. You should add those styles in order to fix the two problems with centering and spacing. I would suggest adding them to your own SCLogin theme .
The topic has been locked.
Active Subscriptions:

None
I pasted the code above to my sts.css, but the login module still sooks the same:

stefan-schoch.de/ressourcen-uebersicht.html

what can I do to center the buttons?
The topic has been locked.
Support Specialist
9 years 1 month ago #61562 by mel
I see that you have switched it to the Modal Popup view. The button when you do that view looks centered. Do you still need help?
The topic has been locked.
Active Subscriptions:

None
You're right, the button in the MODAL WINDOW ist centered, but I'd like to have the button(s) also in the module (title 'AN- / Abmelden', which is the SCLogn module) centered.

Is that possible?
The topic has been locked.
Support Specialist
9 years 1 month ago #61564 by mel
Ahhh, so it will be similar to the styles that I already provided, but since you changed it to the modal links the identifier is different.

Instead of
div#form-sclogin-submitcreate { 
margin-left:auto; 
margin-right:auto; 
width: 70%; /* You can play around with this number */ 
}

The code that will make that login button work is:
.sclogin-modal-links {
margin-left: auto;
margin-right: auto;
width: 50%;
}
The topic has been locked.