Tips and Tricks HQ Support Portal › Forums › WP eMember › Fancy Login CSS being overtaken by theme
Tagged: css, fancy login, Internet Explorer, more link
- This topic has 17 replies, 4 voices, and was last updated 10 years, 2 months ago by ramona.
-
AuthorPosts
-
December 21, 2013 at 8:51 pm #10273TheoSpectator
Hello,
I have an issue which is not your fault whatsoever but was hoping you could help.
Since installing a new responsive theme that I just bought I have managed to get everything sorted out except for 1 last item.
The fancy login form css is being overwritten as you can see here – [http://clip2net.com/s/6rbfXt]
Could you direct me to the fancy login css so that I can re-write it inline on fancy_login.php and have it take back over?
Thanks in advance
December 22, 2013 at 5:05 am #59773mbrsolutionSpectatorHello Theo, can you please share your URL so that we can check.
Kind regards.
December 22, 2013 at 10:24 am #59774TheoSpectatorSure – http://electrofx.com/
I kind of semi fixed it for now but once you type in your username and then move on to password it hides the username, the login still works but it may confuse people.
If you check this page I notice that the affiliate sign up form overpowers the css styles – http://electrofx.com/electrofx-affiliate-program/?wp_affiliate_view=signup
I basically need the emembers plugin to do the same as the affiliate plugin
Best.
December 22, 2013 at 11:21 am #59775mbrsolutionSpectatorHello Theo, I had a look at the link above (affiliate). The form looks okay from my end using Firefox, however I am sure I understand your question. Perhaps you can elaborate a bit more what you mean by overpowering the css style?
In regards to your emember’s plugin can you point to the URL so that I can test the form?
Kind regards
December 22, 2013 at 11:49 am #59776TheoSpectatorThe affiliate form is the one that is working as it should.
If you click login top right of the page then the fancy login will pop up.
It is this along with the emember registration page that are a bit off.
Anything created by the emember plugin is having it’s css overriden
the affiliate plugin does not have the same problem.
I need to write whatever css needed inline but I am not that good with forms and what exactly I need to write
December 22, 2013 at 12:17 pm #59777mbrsolutionSpectatorHello Theo for the top right of the page login try the following….
#header-v4 #header-searchform input {
border: 1px solid #DDDDDD;
cursor: text;
padding-left: 30px;<<<
remove the 30width: 180px;
}
So it will look like the following css.
#header-v4 #header-searchform input {
border: 1px solid #DDDDDD;
cursor: text;
padding-left: 0;
width: 180px;
}
Let me know if that helps.
Kind regards
December 22, 2013 at 12:29 pm #59778TheoSpectatornice, thank you sir.
last thing that is wrong is that if you type in a username,
then you select the password field to type there,
your username that you just typed goes invisible
what css do I need to apply to stop that?
Thanks again
December 22, 2013 at 1:00 pm #59779mbrsolutionSpectatorHi Theo, try the following CSS and let me know if it works.
#header-searchform input {
background: url(“framework/images/search.png”) no-repeat scroll 9px 8px rgba(0, 0, 0, 0);
border: medium none;
box-shadow: none;
color: #FFFFFF;<<<—- change this to a dark color for example #000000;
cursor: pointer;
font-size: 12px;
line-height: 1;
margin: 0;
opacity: 0.5;
padding: 8px 0 8px 34px;
transition: all 0.4s ease 0s;
width: 0;
}
Also just to be on the safe side can you check all of your forms to make sure that the changes don’t affect any other part of the forms.
Kind regards
December 22, 2013 at 1:26 pm #59780TheoSpectatorperfect, thanks a million. Got it the way it should be without any noticeable changes elsewhere.
I had strange behavior on the emember registration form also
just add /free-ebook/registration/ to my domain name to see it
It works but if you just click in each filed one at a time you will see the error messages moving things about… I know my theme has been setup for contact form 7 … can I create my own emember registration form with contact form 7 do you think ? or will that not be possible?
Thanks for all your help
December 22, 2013 at 1:57 pm #59781mbrsolutionSpectatorHi Theo the error messages are simple warnings, which informs the person filling out the form to enter the correct data.
I am not sure about integrating Contact Form 7 with eMember. Someone will reply to you in regards to this question.
Kind regards
December 22, 2013 at 2:08 pm #59782TheoSpectatorOK NP.
I noticed something else also. I am now using the [emember_protected] tags so that I can show a different page to each type of member.
If the [emember_protected] is the very first thing on a page it will insert an empty paragraph also. If the [emember_protected] comes a few lines into the page then there is no such issue
[http://clip2net.com/s/6rokQA]
is there a way around this? It only happens on pages where I use it right away to start the page – [http://clip2net.com/s/6romcD]
Cheers
December 22, 2013 at 2:54 pm #59783mbrsolutionSpectatorHi Theo this is a feature that WordPress seems to add when adding shortcodes. There are many options to disabling this. I notice you are using Themeforest, there is a lot of advice on Themeforest to remove the empy p tag when adding shortcodes. Perhaps you can navigate to Themeforest to view their solutions and ask them.
Kind regards
December 22, 2013 at 3:36 pm #59784TheoSpectatorgreat, thanks one more time.
found a simple plugin that fixed it.
February 18, 2014 at 9:18 am #59785TheoSpectatorHello, I just updated to eMember Version v8.8.2 and the fancy login is playing up again. All of my previous adjustments are still in place and firefox and chrome are working. It is internet explorer which seems to be the issue for me -http://clip2net.com/s/6QHw9n
My site is [http://electrofx.com/] if you want to go there in IE and click the login button top right.
Thanks in advance,
Theo
February 18, 2014 at 11:13 am #59786PeterMemberCan you please post the link of the page which has the CSS issue so I can take a look at it using Firebug?
-
AuthorPosts
- You must be logged in to reply to this topic.