Sounds like a theme issue that could be corrected with a CSS snippet.
Can you post a link where this is happening?
Thanks, I too had wondered if my theme (Cloratio) was over-riding something. The site is http://agnostopedia.org/.
Try adding this to the style.css file of your theme:
.lwa-links-remember .lwa-links-register {
color: #6a6565 !important;
}
Thanks, that looked to me like it would work, but when I added the code as the last statement in style.css, it had no effect. Then I thought of copying widget.css to cloratio/plugins/login-with-ajax and adding the statement to widget.css there, but I couldn’t even find login-with-ajax under wp-content/plugins/. That has me totally stymied, because the login app clearly works, so it is obviously somewhere.
Have you tried placing the code right at the end of styles.css? It could be getting overwritten somewhere (though !important; should stop that).
The source code of your site shows the plugin is located here:
/wp-content/plugins/login-with-ajax/
Sorry for the delay – I had to get the new Bluehost login info from my client to be able to see the plugin. For some reason, Filezilla shows every plugin but Login with Ajax.
Style.css under the Cloratio theme ends with the following statements:
/* Login With Ajax */
.lwa-links-remember .lwa-links-register {
color: #6a6565 !important;
}
————————
Where now? Should I proceed with copying widget.css to Cloratio/plugins and adding the statements there? (I would have to create the plugins folder under Cloratio.) If not, any other ideas?
Filezilla problem now solved and I can see all files.
The source of the problem seems to be the Cloratio theme colors. I’ve partly solved that problem by changing the color of the footer so that both black and white text can be seen. I also changed the style to divs-only. I haven’t solved the problem of the barely visible text on a light gray background once a user is logged in. Would it help if you registered for the site so you could see the light gray login box?
You should be able to fix this by right-clicking the element you want to change, then clicking Inspect. This will give you the name of the class or ID to target in your custom CSS.
Thanks. I’ve uploaded a screenshot of the results to http://bcgpub.com/SNAG-0025.png. I’m not sure I interpreted the results correctly. I changed
.lwa td { padding-top:7px; vertical-align:top; background-color:none; }
to
.lwa td { padding-top:7px; vertical-align:top; background-color:66999; }
I was trying to change the color of the text box to a medium color that could display both light and dark text. That had no effect. Should I have changed something else?
http://bcgpub.com/SNAG-0026.png shows the result of clicking the white text.
http://bcgpub.com/SNAG-0027.png shows the text box I’m trying to modify.
If you’re trying to change the color of the link you need to target the link. Try something like
.lwa td a {
...
}
