Styling the Login controls

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
1/17/2011 4:57:43 PM
Gravatar
Total Posts 18

Styling the Login controls

I've been searching through the forums looking for some really basic information regarding the controls on the login screen and how to style them. Most of what I have found seems to be a total re-write of the login page which I really don't want to do. I'd just like to do some basic styling of the text boxes and login button.

Can you point me to the style tags I can use to do this in my skin? Thanks.

1/20/2011 9:52:18 AM
Gravatar
Total Posts 18439

Re: Styling the Login controls

Hi,

You should be able to view the source of the rendered page and study the markup to find classes or figure out how to create selectors to apply the styles you want.

See also:

http://www.mojoportal.com/css-its-all-about-understanding-selectors.aspx

Hope it helps,

Joe

1/21/2011 4:00:06 PM
Gravatar
Total Posts 18

Re: Styling the Login controls

Thanks Joe,

I probably should have been a little more specific about my issue. I've gained access to the textboxes via CSS, but they are inheriting a setting from some place I can't seem to find which is setting the background color. Here is the code that Chrome is showing:

input:-webkit-autofill {
background-color: #FAFFBD !important;
background-image: none !important;
}

I've tried to override the background color in my own CSS, but it won't let me, which makes me assume that the CSS entry above is loading after mine and therefore overriding it. I really just want to get rid of the yellow background on the text inputs.

Any clue on where the above setting is coming from? I searched all the files in the project and could not find that setting anywhere.

Thanks

1/21/2011 4:29:47 PM
Gravatar
Total Posts 18

Re: Styling the Login controls

just a bit more information...if I start typing in the text box, my background style applies, just not when the page loads. When the page loads, the background color is set to that yellow color and image to transparent. So I've obviously got the right containers...just need to figure out how to turn off the yellow background styling on load.

1/21/2011 5:08:09 PM
Gravatar
Total Posts 18

Re: Styling the Login controls

You gotta be kidding me...it's Chrome doing it! hahaha! Can't believe it's the freakin browser. Okay...back to Firefox for my development browser.

So....NEVERMIND on this whole thing. Sorry about that.

You must sign in to post in the forums. This thread is closed to new posts.