Support Forum

Log In Box not displaying correctly

MB Mr. B
Mr. B
Member

When the Log In box is displayed, the fields are on top of each other and unusable. The site I am working on is nm-mcpa.org/forum. Thank Youloginfields.JPG

9 Answers

New Answer

MP Mr Papa
Mr Papa
Member

its because of your wp theme advocate…

It is globally applying to all pages, a style on labels in styles.css line 1638

label {
    color: #AAAAAA;
    font-weight: normal;
    left: 15px !important;
    position: absolute;
    top: 7px !important;
}

its being way too greedy…

The real problem is the position absolute…

so you need to either update the wp theme or update the sp theme css to force our css to overwrite the greedy wp theme…  in or reset.css or the main theme file, you could add

#spMainContainer label {position: relative}

that will then take care of the wp theme…  of course, we recommend you own sp theme instead of editing ours… see:  http://codex.simple-press.com/codex/themes/theme-basics/creating-a-theme/

MB Mr. B
Mr. B
Member

Thank you VERY MUCH! I placed the code you sent in the Custom CSS box of the theme and it worked like a charm. I appreciate the excellent support.  

MP Mr Papa
Mr Papa
Member

glad it worked for you! happy to help! thanks for the kind words!

MB Mr. B
Mr. B
Member

I am having one more issue with my log in form. Now it displays correctly, thanks to you, but when I try to enter info into the username or password fields, they disappear. Thank you for all of your help! Again the site I am working on is nm-mcpa.org

MP Mr Papa
Mr Papa
Member

so are you running any other kind of login or registration plugin?

there is some js running on your site that is forcing a style of display:none on the input elements…  not sure, but think its your wp theme.. and some js its running called infieldlabel… something for twitter…

you can verify my hypothesis by a quick change to the wp default theme and see if it clears up…  then we can try to find the exact conflict…

MB Mr. B
Mr. B
Member

You are correct. I activated another theme and the log in worked correctly. Can you tell what I need to change?

 

I am also running another plug-in that is taking over the css of all logins called White Label Branding. How do I make sure that the simple-press login css is not being overwritten?

 

Thanks Again!

MP Mr Papa
Mr Papa
Member

not sure why they are being so greedy… likely sloppy coding on their part thinking there would only ever be a login form on the wp login page…  but most folks have them in sidebars, footer, etc… :(

at this point, might be simplest to go grab the plugin organizer plugin…  and then dont let those plugins run on the forum page…

MB Mr. B
Mr. B
Member

can you tell me what the code would be in the simple press css for the display of the log in fields. I will try to override the theme css.

I don’t have any plug ins running on the forum page.

Thank you

MP Mr Papa
Mr Papa
Member

not sure what you mean.. you have plenty of other plugins active on the forum page…

yoast seo, sendpress, special recent post, etc etc just to mention a few…

but its not a css issue… there is some javascript running that is setting display:none on the input when selected… actually when one starts typing…  in fact, in the upper left of your browser, in a little white box, the word derekpierce1 appears… so something with js definitely at work here…

so try a quick temp change to the default wp theme and see if still a problem…  if not, then some theme js getting in the way…

It is improperly loading its own version of jquery ui instead of the version that ships with WP…

<script type=’text/javascript’ src=’http://nm-mcpa.org/wp-content/themes/advocate/javascripts/jquery-ui-1.8.14.js?ver=3.4.2′></script>

sorry, but not cool.. should just use the wp version and a recipe for problems with plugins…