Topic-icon Logout and welcome message in 2 rows

Active Subscriptions:

None
9 years 1 month ago #54394 by enzors
Is there any way to have welcome message (with name) and logout link in the same row?
Thank you
Best Regards
The topic has been locked.
Active Subscriptions:

None
9 years 1 month ago - 9 years 1 month ago #54398 by enzors
Sorry, probably I wrote too fast.
In any case, I have the following situation:
- before login, the links are pretty nice
- after login, the header is becoming bigger and welcome message and logout are in 2 different rows

How can I have them in the same line (as the login/registration link)?

File Attachment:
Last edit: 9 years 1 month ago by enzors.
The topic has been locked.
Support Specialist
9 years 1 month ago #54402 by mel
In most cases, this would be accomplished with customizing the CSS styles to work better with your template. If you provide a specific URL, I can see if this is easily done with styles for your page. Please provide this either in the thread or by sending me a private message through using the envelope icon under my avatar.

-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 1 month ago #54404 by enzors

mel wrote: In most cases, this would be accomplished with customizing the CSS styles to work better with your template. If you provide a specific URL, I can see if this is easily done with styles for your page. Please provide this either in the thread or by sending me a private message through using the envelope icon under my avatar.

-Melissa

Thank you very much Melissa for your feedback.
I sent you all the details via private message.

PS: of course, I will buy the commercial version afterwords :)
The topic has been locked.
Support Specialist
9 years 1 month ago #54410 by alzander
Looks like its just as easy as:
.sclogin-greeting {
    float: left;
}
Add that to your template or create your own SCLogin theme if you want to do lots of customizations.

I hope that helps, but if that doesn't do what you're looking for, just let us know.

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

None
9 years 1 month ago #54412 by enzors

alzander wrote: Looks like its just as easy as:

.sclogin-greeting {
    float: left;
}
Add that to your template or create your own SCLogin theme if you want to do lots of customizations.

I hope that helps, but if that doesn't do what you're looking for, just let us know.

Thanks,
Alex


Thank you very much! That link was really useful!
I added this code:
.sclogin-greeting { 
    float: left; 
    height: 10px;
}

.sclogout-button { 
    height: 10px;
}

Now they are in the same row, great!
But, just a note, they are not really perfectly aligned...

File Attachment:
The topic has been locked.
Active Subscriptions:

None
9 years 1 month ago #54414 by enzors
I know that is only one pixel...but if you know how to do it :)
The topic has been locked.
Support Specialist
9 years 1 month ago #54416 by mel
It looks like the logout link input has a padding on top of 2px coming from the following
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button

so you should be able to fix it by adding this:
.sclogin .logout-link {
padding-top:0px;
}
The topic has been locked.
Active Subscriptions:

None
9 years 1 month ago #54420 by enzors

mel wrote: It looks like the logout link input has a padding on top of 2px coming from the following

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button

so you should be able to fix it by adding this:
.sclogin .logout-link {
padding-top:0px;
}


Thank you so much!
Do not ask my why, but it works like this:
.sclogin .logout-link { 
    /*padding-top:0px;*/
    padding-bottom:3px;
}

PS: as soon as my boss will come back from holidays, I will for sure buy the pro version for social login!
The topic has been locked.
Support Specialist
9 years 1 month ago #54423 by mel
There are many different ways to solve the same problem using CSS, so I am glad you found something that works for your template. Let us know if you run into any other problems.

-Melissa
The topic has been locked.