Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Fancy Login CSS being overtaken by theme

by

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, 9 months ago by ramona.
Viewing 15 posts - 1 through 15 (of 18 total)
1 2 →
  • Author
    Posts
  • December 21, 2013 at 8:51 pm #10273
    Theo
    Spectator

    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 #59773
    mbrsolution
    Spectator

    Hello Theo, can you please share your URL so that we can check.

    Kind regards.

    December 22, 2013 at 10:24 am #59774
    Theo
    Spectator

    Sure – 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 #59775
    mbrsolution
    Spectator

    Hello 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 #59776
    Theo
    Spectator

    The 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 #59777
    mbrsolution
    Spectator

    Hello 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 30

    width: 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 #59778
    Theo
    Spectator

    nice, 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 #59779
    mbrsolution
    Spectator

    Hi 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 #59780
    Theo
    Spectator

    perfect, 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 #59781
    mbrsolution
    Spectator

    Hi 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 #59782
    Theo
    Spectator

    OK 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 #59783
    mbrsolution
    Spectator

    Hi 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 #59784
    Theo
    Spectator

    great, thanks one more time.

    found a simple plugin that fixed it.

    February 18, 2014 at 9:18 am #59785
    Theo
    Spectator

    Hello, 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 #59786
    Peter
    Member

    Can you please post the link of the page which has the CSS issue so I can take a look at it using Firebug?

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 18 total)
1 2 →
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ