Styling Issues with Login Screen

Posted in

Hi,

We have login issues on our site: https://www.quickrebates.co.uk/affiliate-area/?affiliates-dashboard-section=login

The boxes work, but the text input boxes don’t display correctly.

Probably a quick fix using CSS, but can you help?

Thanks

18 Responses to Styling Issues with Login Screen

  1. George May 4, 2020 at 4:37 pm #

    Hey Glenn,

    I think it’s better to send me the styling you need to apply for the text fields and any other element you wish to modify. I’ll add the necessary properties directly in your site.
    Please forward the details here with a comment.

    Kind regards,
    George

  2. George May 1, 2020 at 4:28 pm #

    Hey Glenn,

    Probably you’re viewing a cached version of the page, this is what I get when visiting the page. https://ibb.co/Svc5Bsm
    Indeed CSS editing requires some skills but if you’re not familiar yourself, why don’t you look for and hire an expert?

    Kind regards,
    George

    • Glenn Cooper May 3, 2020 at 4:00 pm #

      Hi,

      You had taken a screenshot of the login page, the registration page currently looks like this:
      https://ibb.co/sqLT6M8

      Please note the difference between the text boxes and the signup button.

  3. George April 29, 2020 at 6:12 pm #

    Hey Glenn,

    The selector needed for the registration tab is
    .affiliates-dashboard-section-links .section-link-item.registration a{
    }
    or for styling to apply to both tabs
    .affiliates-dashboard-section-links .section-link-item a {
    }

    and add the styling of your choice.

    Cheers,
    George

    • Glenn Cooper April 30, 2020 at 12:31 pm #

      Hi,

      Sorry to be a nuisance, CSS isn’t my strongest skill. Whilst the login works, the registration doesn’t:

      .dashboard-section.dashboard-section-login #wp-submit
      {
      color: blue !important;
      }

      .affiliates-dashboard-section-links .section-link-item.registration a
      {
      color: blue !important;
      }

      Top works, bottom doesn’t

  4. George April 29, 2020 at 1:09 pm #

    Hey Glenn,

    Both issues are probably related to a conflict. The wp_affiliates cookie is a core setting of the plugin and cannot or shouldn’t be altered. Furthermore, changing the cookie name is not something that can occur by chance and therefore I would recommend you to disable all your plugins, switch to a default theme and then start enabling them one-by-one until you find which one is conflicting.

    What is the current status of your wp-content/debug.log file? Are there any issues logged?
    What happens to the login button if you add the !important attribute?
    .dashboard-section.dashboard-section-login #wp-submit
    {
    color: blue !important;
    }

    Kind regards,
    George

    • Glenn Cooper April 29, 2020 at 1:21 pm #

      Hi,

      !important attribute fixed the login issue, but there is still the CSS issue on the registration tab. Would you kindly show the CSS code I need to attach to fix this?

      As for testing the conflicting plugins / switching themes, we are unable to do this on the live site, and I will have to test a local version. I will report back once done.

      Thanks

  5. Glenn Cooper April 28, 2020 at 5:56 pm #

    Hi George,

    No idea what could be causing the cookie renaming issue. Can we not simply have your plugin to check for affiliates cookies as well as wp_affiliates?

    As for the CSS issue, I tried adding the following custom CSS, but no success:

    .dashboard-section.dashboard-section-login #wp-submit
    {
    color: blue;
    }

  6. George April 28, 2020 at 5:07 pm #

    Thanks Glenn,

    After checking your site, there is definitely an issue with the affiliate cookie stored. When I used the affiliate link, the cookie value seems to be correct but the cookie name is wrong, the correct name is wp_affiliates. Please have a look at the screenshot https://ibb.co/j5f6ZNn
    Is it possible that you use any custom hooks or plugins that can modify cookie settings and/or names?

    Regarding the login button you may use the selector I used below in the screenshot.
    https://ibb.co/XJKyqBb. In the example I changed the font color to blue.

    Kind regards,
    George

  7. Glenn Cooper April 28, 2020 at 1:25 pm #

    Hi George,

    Please log in with the details in the email,

    Thanks

  8. George April 28, 2020 at 1:18 pm #

    Hey Glenn,

    Thanks for your reply, I only need temp admin access to your live or staging site. The backup is for your own safety and is actually not needed by me for this support session.

    Cheers,
    George

  9. Glenn Cooper April 28, 2020 at 12:59 pm #

    Hi, I’ve emailed you with the backup details etc.

  10. George April 26, 2020 at 5:07 pm #

    Hey Glenn,

    I think it’s better to have a closer look at your Dashboard and setup. Please take a full backup of your site files and database and send me temp admin access to george at itthinx dot com.
    It would also be useful to enable WP debugging in case there are issues involved that are not displayed at the moment.

    To enable debugging, edit your wp-config.php file and do the following:
    Replace this line: 

    define( ‘WP_DEBUG’, false );

    with these lines:

    define( ‘WP_DEBUG’, true );
    define( ‘WP_DEBUG_LOG’, true );
    define( ‘WP_DEBUG_DISPLAY’, false );

    All log messages will be stored in wp-content/debug.log file.

    Kind regards,
    George

  11. George April 22, 2020 at 12:28 pm #

    Hey Glenn,

    What happens with the referrals issue when you disable Autoptimize plugin? There are known issues related to that plugin which minifies already minified script and style files or failing to load necessary resources which results in unexpected malfunctioning.
    Also, what kind of form do you use to generate referrals? Have you installed the necessary integration for it. You may check the list of available Affiliates integrations here.

    Kind regards,
    George

  12. Glenn Cooper April 21, 2020 at 4:26 pm #

    Hi, to add to the above, we have a small CSS issue, the login / registration buttons are not clearly identifiable:

    https://ibb.co/D7YmQ4L

  13. Glenn Cooper April 21, 2020 at 2:34 pm #

    Hi George,

    Thanks for getting back. The styling issue – I have resolved by adding CSS to correct. Please consider this matter as closed.

    For the referrals not being allocated to the right person, we have tested various browsers and in incognito mode. Different computers.

    I have followed your steps above trying again from a remote Windows Server.

    Step1. Opened Chrome in Incognito Mode
    Step2. Opened the affiliate URL. http://www.QuickRebates.co.uk?affiliates=5
    –> Checked for the right cookie value – this is correct and has a value of {affiliates: 5}
    Step3. Completed Form “Start Your Claim Now”. **** This form conversion is applied to affiliate #3 (direct) NOT affiliate 5.
    Step4. Completed Form Step2 “Tax Repayment Pack”. **** Same results as above, the correct cookie is in place, but it’s not allocating the conversion to affiliate 5, but to affiliate 3 (direct).

  14. George April 21, 2020 at 12:24 pm #

    Hi Glenn,

    Many thanks for using Affiliates plugin on your websites and we are happy you enjoy them.

    I will include replies for both your topics here.
    Regarding the styling, I didn’t notice anything unusual even if I type something in the fields. Please check the screenshot below. Is it possible that you’re seeing a cached version of the page at the moment?
    https://ibb.co/7Y74873

    Regarding referrals not being properly granted to the right affiliate, please open an affiliate link using a browser other than the one you have open at the moment, watching your Dashboard and check the browser data to make sure that the affiliate cookie is in place and properly holds the affiliate id as value. If you use ie Firefox after opening the link, right click anywhere on the site, click Inspect, go to Storage tab and check under Cookies if the cookie wp_affiliates is stored as demonstrated in the screenshot.
    https://ibb.co/LPLNmrm

    Another possible reason why this is occurring is probably because you’re testing at the moment and using your affiliate link while logged in and try to refer yourself, without having enabled the option to Allow auto-referrals, found in Affiliates > Settings under Referrals tab.

    Kind regards,
    George

We use cookies to optimize your experience on our site and assume you're OK with that if you stay.
OK, hide this message.

Affiliates · Contact · Jobs · Terms & Conditions · Privacy Policy · Documentation · Downloads · Useful Plugins · My Account

Share