Please refer to this page:

Please refer to this page: http://50.87.54.169/products-page-2/your-account/

AND the attached screenshot: http://50.87.54.169/wp-content/uploads/ss_your-account_page1.jpg

TWO ISSUES:

1. NOTICE: The buttons on the page don’t seem to have the correct css applied.

2. NOTICE: the font color is very difficult to read for

<table class="logdisplay"> and

<fieldset><legend>Edit your details</legend>

and
<div class="form-element">
<label class="control-label" for="user_login">Username</label>

Q: do I need to hard fix this in the css code? If so, in what css file(s)

NOTE: I contacted the theme director who relayed the following message

"I think that the problem is with your Membership Plugin, because I don't have such glitch on my account page on test server."

Please advise, (especially re. the buttons)

  • David

    Hi Ash.

    I'm afraid not. I applied to the end of style.css. It did not resolve the issue.

    Using FIrebug, Here are the problem spots: (not all code has closing tags, just referencing the class names)

    <div class="boxee">

    <table class="logdisplay">

    class="form-membership"

    <fieldset>
    <legend>Edit your details</legend>

    <div class="form-element">
    <label class="control-label" for="user_login">Username</label>

    NOTE: with the exception of class="boxee" I cannot find any of these classes in style.css.

    Do they exist in your plugin and if so, where?

    Please advise.

  • David

    FOLLOW-UP; Re. the broken css applied to the buttons:

    Example: <input class="alignright button blue" type="submit" name="submit" value="Update Account">

    This is what the Theme Developer Wrote:

    "Try to copy colors.css (in colors folder) with the origin file ore take it from the attachment. I think that it's broken with button's sprite. Also note, that some of css code is overwrite with css code from membership plugin, so first of all try to disable it and take a look at your buttons. If its will be great than we will thinking about how to make this plugin works with our css."

    I get half of this...Can you help assist in finding a solution, especially re. files within the plugin) so your plugin works within the Lookshop Theme so the plugin doesn't wreck the css applied to the page buttons?

    Thank you.

  • David

    Further Follow-up:

    Re. “some of css code (from my site) is overwritten with css code from membership plugin”

    Can you be more specific as to what this overwritten code is?

    NOTE: I have attached another example of the glitch.

    Screenshot: http://50.87.54.169/wp-content/uploads/ss_Checkout_Button_glitch.jpg

    This one occurs around the checkout Button on the “Your Account” page but not on other pages such as the “Home” page. Q: why?

    Your Account Page: http://50.87.54.169/products-page-2/your-account/

    Q; What is this code that is bordering the checkout button?

    Re. class="button reverse”. Is this code from the Membership plugin?

    <div class="right">

    <span>Checkout</span>

    </div>

    Please advise.

    D.

  • Jack Kitterhing

    Hi there @David

    I hope you are well today, for the user account page, can you send me some login details to contact(at)wpmudev.org with the subject line Attn: Jack Kitterhing.

    For the checkout button issue on the user account page, this css fixes that.

    .black button:hover, .black .button:hover, .black input.button2:hover, .black button.reverse, .black .button.reverse {
        background: none repeat scroll 0 0 transparent !important;
    }

    You can add that using a plugin such as http://wordpress.org/plugins/simple-custom-css/, that way it won't be overwritten on a theme update :slight_smile:

    Thank you!

    Kind Regards
    Jack.

  • David

    Hi Eugene.
    I have 3 issues at hand that I have brought to the attention of Jack Kietterhing:

    Issue 1. The Membership Plugin's CSS is somehow conflicting with the Lookshop Theme's layout, specifically the form buttons.

    Screenshot 1: http://50.87.54.169/wp-content/uploads/ss_your-account_page1.jpg

    Screenshot 2: http://50.87.54.169/wp-content/uploads/ss_Membership_broken_css_buttons.jpg

    This can be viewed on the following pages:

    ACCOUNT: http://50.87.54.169/account/ (note you must be logged in to see it?

    Side Issue 1 : It would be great if I got the login prompt on the account page akin to the red text warning on the subscriptions page* on this page....any idea how I can apply it?....)

    *Subscriptions Page: http://50.87.54.169/subscriptions/ (note you must be logged in to see it)

    Register Page: http://50.87.54.169/register-2/

    Issue 2. Under Become A Member dropdown there is the Register page (developed when I clicked on "Create a Page" under Membership...Options...Membership Pages).

    Clicking on Register page takes me to: http://50.87.54.169/register-2/

    From there click on "Sign Up"

    This takes me to Register: Create An Account

    Note: if I already have and account and click on "already have a user account"...it takes me to http://50.87.54.169/login/?redirect_to=http%3A%2F%2F50.87.54.169%2Fregister-2%2F%3Faction%3Dregisteruser

    If I then successfully Login using test account:

    Username: ---I can send this to you via email
    Password: -- I can send this to you via email

    (or register with a test email please)

    it redirects me to:

    http://50.87.54.169/register-2/?action=registeruser

    Only the screen is blank save for:

    Screenshot: http://50.87.54.169/wp-content/uploads/ss_regiater-2_registeruser.jpg

    "Sign up for

    Please check the details of your subscription below and click on the relevant button to complete the subscription.

    You will pay :"

    As opposed to taking me to the page with a link to PayPal.
    Please advise.

    Issue 3: The Membership Plugin is interfering with the CSS from the Lookshop theme, at the detriment of my layout.

    I have been patching many areas of your membership code in the Simple Custom CSS page but it would be preferable if your Membership plugin code did not overwrite the layout code of the theme. Note: it's page to page variable.

    Screenshot Example: http://50.87.54.169/wp-content/uploads/ss_membership_footer_css.jpg

    Notice that the Footer on the home page is a readable dark grey and has no hover code (refer to screen shot)

    Notice on the Your Account page http://50.87.54.169/products-page-2/your-account/ your Membership module code kicks in and overwrites the theme code with a hard to read light grey font and has hover code that should not exist.
    Your code takes over the site where it should not visually.

    In any case I appreciate the assistance in advance.

    Regards,

    David

  • Eugene Manuilov

    Hi @David,

    First of all a couple of notes:

    1. You use deprecated version 3.4.4.1, please upgrade the plugin to the latest version 3.4.6.1 or even to the 3.5.beta.4 which you can find here.

    2. Do not use shortcodes like [renewform], [accountform] or [subscriptionform] if you are not going to add extra content on a page. If you want to add extra content, then don't use closing shortcode, use [renewform] instead of [renewform] [/renewform].

    Issue 1. The Membership Plugin's CSS is somehow conflicting with the Lookshop Theme's layout, specifically the form buttons.

    To fix css issues you need to write your own styles by using custom css tool provided by your theme. Find it here.

    Issue 2. Under Become A Member dropdown there is the Register page...

    It works fine for me, I have rechecked it in different browsers and I have been always redirected on a subscription page with paypal button.

    Issue 3: The Membership Plugin is interfering with the CSS from the Lookshop theme, at the detriment of my layout.

    Once again it looks fine for me. I don't see the issue right now. Check the screenshot in attach.

    Let me know if you want me to look at something else.

    Regards,
    Eugene

  • David

    Hi Eugene.

    I'll hit on issue 3 first. If I use the default theme, issue 3 stabilizes. Why? I do not know. If I select any other color scheme under appearances...lookshop settings...color scheme, the issue still exists.

    What I did, to get here site presentable, was select the default theme (Yellow) and change every style sheet option and image file to reflect the black scheme to stabilize the code. But the problem still persists.

    Moreover, this does not resolve issue #1. The Checkout button is still displaying in error (it's worse actually in default mode than in another color scheme)...the Submit button, interesting enough stabilizes in part (it's now a solid blue but the text is offset) on the register page, but on any other Membership module page, like Subscriptions or Account page, it's still displaying inaccurately.

    This leads me to my primary frustration...the theme developer says that this is not the theme's fault, it's the Membership module...your reply in turn suggests, no. WPMU takes no responsibility for this, it;s the theme developer's fault. This puts me in an impossible situation. Someone's code is at fault here.

    Re. Issue 2. Interesting. I will examine.

    As per your pre-notes, I will do as suggested and remove the short code, however I only inserted it as the notes on Membership...Options...Membership Pages suggested it was needed:

    "This is the page a user will be redirected to when they want to view their account or make a payment on their account.

    It can be left blank to use the standard Membership interface, otherwise it can contain any content you want but should contain the [accountform] shortcode in some location."

    The above is unclear then if I am NOT supposed to add this code.

    I would appreciate any further advise and directions today,

  • Eugene Manuilov

    Hi David,

    I'll hit on issue 3 first. If I use the default theme, issue 3 stabilizes. Why? I do not know. If I select any other color scheme under appearances...lookshop settings...color scheme, the issue still exists.

    Give me 2 links. First link where styles for a block are ok, second link where styles for the same block are not ok.

    Moreover, this does not resolve issue #1. The Checkout button is still displaying in error ... on any other Membership module page, like Subscriptions or Account page, it's still displaying inaccurately.

    I have added css to fix the buttons issue. Check it out.

    This leads me to my primary frustration...the theme developer says that this is not the theme's fault, it's the Membership module...your reply in turn suggests, no. WPMU takes no responsibility for this, it;s the theme developer's fault.

    This is WordPress related inconvenience. Theme developers can't write styles which covers all plugins' needs. Plugin developers can create styles which will work ok for all themes. Sites owners are always victim in this situation and have to put some effort to make theme and plugins working together.

    Anyway, as I said, I added a number of styles into Simple Custom CSS sctylesheet. Those styles have to buttons issue and some other styles issues.

    Please, check it out and let me know if you find anything else to fix.

    Regards,
    Eugene

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.