Your cart is currently empty!
Styling Issues with Login Screen
—
by
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
Posted in Affiliates Pro
Comments
18 responses to “Styling Issues with Login Screen”
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
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
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.
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
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
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
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
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;
}
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
Hi George,
Please log in with the details in the email,
Thanks
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
Hi, I’ve emailed you with the backup details etc.
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
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
Hi George,
Disabling that plugin didn’t make any difference. We are using the Contact Form 7 as shown below.
Can you also check on the other CSS issue for the forms
Many thanks
https://ibb.co/Hr0n9FQ
https://ibb.co/hfLNyLt
https://ibb.co/Xyz2X6t
https://ibb.co/JCf4S01
Hi, to add to the above, we have a small CSS issue, the login / registration buttons are not clearly identifiable:
https://ibb.co/D7YmQ4L
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).
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