Topic-icon sc login button position

Active Subscriptions:

None
9 years 9 months ago #49559 by rodtho
Hi

I have changed in default align from left to right in css file: media/sourcecoast/themes/sclogin/default.css
.sclogin {
overflow: visible;
text-align: right;
}

it works :) as per below


but when I login it aligns back to left, I cant seem to find the CSS to get it to align (right) as it is when logged out,



Please help so I can solve this simple issue :)
The topic has been locked.
Support Specialist
9 years 9 months ago #49563 by mel
Replied by mel on topic sc login button position
Please provide a URL to the page you're seeing this on. It will be necessary to see the CSS that is causing the positioning issues.

-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 9 months ago #49580 by rodtho
Replied by rodtho on topic sc login button position
Hi Mel

Thank you for the reply. I have sent you a PM with the URL, I as I would prefer the url to stay private.

Regards
Rodz.
The topic has been locked.
Support Specialist
9 years 9 months ago #49585 by mel
Replied by mel on topic sc login button position
Instead of text-align:right, try float:right. I tested that value on your site temporarily with Developer Tools and it looked good to me.

-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 9 months ago #49618 by rodtho
Replied by rodtho on topic sc login button position
Hi Mel

Thank you for the reply, your suggestion worked well :)

Can I ask your advice for one more issue, when you mouse over the (links) login button its color should be white,
Also the user menu bootstrap mouse over drop down links colors are dark, how can i fix this please. they should also be white.

Regards
Rod
The topic has been locked.
Support Specialist
9 years 9 months ago #49620 by mel
Replied by mel on topic sc login button position

when you mouse over the (links) login button its color should be white

There is a hover color defined for "#rt-breadcrumbs a:hover". I would suggest making it more specific for the SCLogin module for something like the following:
#rt-breadcrumbs .sclogin a:hover{
color:#FFFFFF !important;
}

Also the user menu bootstrap mouse over drop down links colors are dark, how can i fix this please. they should also be white

I think this will get resolved with the above change, but if you want something specifically targeting the menu elements:
.sclogin .dropdown-menu > li > a:hover,
.sclogin .dropdown-menu > li > a:focus,
.sclogin .dropdown-submenu:hover > a,
.sclogin .dropdown-submenu:focus > a {
    color: #FFFFFF;
}
.sclogin .dropdown-menu > .active > a,
.sclogin .dropdown-menu > .active > a:hover,
.sclogin .dropdown-menu > .active > a:focus {
    color: #FFFFFF;
}
The topic has been locked.