configuring login/signup buttons

mel
Offline

Support Specialist

8 years 10 months ago #62359 by mel

Replied by mel on topic configuring login/signup buttons

Is there a setting I missed to control the order of display? I'd like to have the menu item display first, and logout buttons second.

No, there's not a setting to control this order. You can possibly do this with some CSS styling or create a template override for the module's /tmpl/logout.php file to change what's displayed first. I attempted to log in our your site to see if I could figure out some quick CSS to do this, but the My Account menu was not displaying for me after creating a user.

Update after i first posted above:
Just tried using the profile pic setting which corrects the order of display:
screencast.com/t/v7j9XAbwUDg
but the pic doesn't link to the profile page even though I've set it to do so. See:
screencast.com/t/quvP8Y2ThNf1

No, the link to the social profile goes to the social network's profile page that you logged in with, not the third party profile extension on your site. So in my case, I created my user with FB credentials, so when I click the avatar, it goes out to my profile page on Facebook.

The topic has been locked.

petgal
Offline

Active Subscriptions:

None

8 years 10 months ago - 8 years 10 months ago #62362 by petgal

Replied by petgal on topic configuring login/signup buttons

I just changed the sclogin module to display username and jomsocial menu now. Apprecieate if you could try again. Will also send you the backend details directly.

Also, note that I changed the name of the menu item from JomSocial toolbar to "my account" so the only issue I have now is the order of buttons and the colour of the "my account" button. Maybe just the CSS code would help and trouble you least. I think I know to place any special CSS code.

Thanks

Last edit: 8 years 10 months ago by petgal.

The topic has been locked.

mel
Offline

Support Specialist

8 years 10 months ago #62364 by mel

Replied by mel on topic configuring login/signup buttons

1. Order of Buttons:
In /media/sourcecoast/themes/sclogin/sourcecoast.css at line 133, change float:left to float: right, so it looks like the following:

.sclogin .sclogout-button {
float: right;
margin-right: 5px;
}

2. Color of my account button

.scuser-menu.dropdown-view a.btn {
background-color: #FFFFFF; /* Replace with your desired color */
}

For these two changes, I do suggest that you create your own theme so this doesn't get lost on upgrade of JFBConnect/SCLogin. You can read how to do that here .

The topic has been locked.

petgal
Offline

Active Subscriptions:

None

8 years 10 months ago #62365 by petgal

Replied by petgal on topic configuring login/signup buttons

Hi Melissa,
Easy instructions to follow. Note that the two files described in www.sourcecoast.com/sclogin/documentation/themes
are not found in
/media/sourcecoast/themes/sclogin/ directory
but in
/media/sourcecoast/themes/sclogin/

i assumed that was just a mistake and proceeded.

Your instructions for the first part gave a line number so I knew exactly where to make the change and I did. The button now seems more to the left but it's somehow still below the "logout" button. See
www.sourcecoast.com/sclogin/documentation/themes

I didn't go for the color change as the line to make the change wasn't clear. I'd like it to match the color of the login button, which is white text on green background. What line number would I find those colors (also in case i want to change both button colors in the future.)

Thanks for your help.

The topic has been locked.

mel
Offline

Support Specialist

8 years 10 months ago #62367 by mel

Replied by mel on topic configuring login/signup buttons

Your instructions for the first part gave a line number so I knew exactly where to make the change and I did. The button now seems more to the left but it's somehow still below the "logout" button.

Can you try also adding these two styles:

.sclogin {
float:left;
}
#login-modal .sclogin {
float:none;
}

I didn't go for the color change as the line to make the change wasn't clear. I'd like it to match the color of the login button, which is white text on green background. What line number would I find those colors (also in case i want to change both button colors in the future.)

The following makes the color match the log out button. Just add these blocks to the bottom of the css file for the theme since there aren't other styles for these buttons.

.scuser-menu.dropdown-view a.btn{
background-color: #46b277;
color: #FFFFFF;
}
.scuser-menu.dropdown-view a.btn:hover {
background-color: rgba(70,178,119,0.6);
}

The topic has been locked.

petgal
Offline

Active Subscriptions:

None

8 years 10 months ago #62370 by petgal

Replied by petgal on topic configuring login/signup buttons

Thanks. Made the changes and it all looks good now. Last thing: If I wanted to change the colour of both Login and My Account from green to something else where would I would make that change?

The topic has been locked.

mel
Offline

Support Specialist

8 years 10 months ago #62372 by mel

Replied by mel on topic configuring login/signup buttons

In the /templates/rt_galatea/html/mod_sclogin/themes/sourcecoast.css file, at line 239 and line 246 sets the backaground color to #46b277. Lines 243 and 248 set the background color to rgba(70,178,119,0.6) when you hover over that button.

The topic has been locked.

SourceCoast Login

configuring login/signup buttons