Changing Login Input Text Color – WooCommerce – Gantry 5 Hydrogen Login Page
-
Hello,
I am currently experiencing issues from the Login Page of WooCommerce, the Registration box is completely fine – but the Login Box, for some reason has an override somewhere, and it’s getting fairly annoying. When I look at the code in FireFox (With FireBug) this is what I see in the CSS:
.login { background: rgba(0, 0, 0, 0) url("../images/login/imac.png") no-repeat scroll 0 0 / 940px 778px; color: #fff; margin-bottom: 77px; padding: 45px 45px 267px; position: relative; }
And when I change the
color: #fff;
tocolor: #666;
it works – but only when viewing the page until refreshing it, I have attempted to write this code into my custom.scss file, within the theme directory:#g-page-surround .woocommerce .login label {color: #666666 !important;} #g-page-surround .woocommerce form.login { background: rgba(0, 0, 0, 0) url("../images/login/imac.png") no-repeat scroll 0 0 / 940px 778px; color: #666666 !important; margin-bottom: 77px; padding: 38px 38px 267px; position: relative; }
the reason for the code:
#g-page-surround .woocommerce .login label {color: #666666 !important;}
is because of another past issue – which for some reason made the labels white as well, (however the code was able to fix it after adding it to a custom.scss file within my themes directory) and I’m really curious as to what is going on with this whole issue, altogether, but I really don’t care, as much as I care to get this issue resolved.
I am also having another issue, with the input-text, it seems to be getting cut off at the bottom, it seems like the text boxes aren’t big enough, I would also like to fix this matter as well. Here’s a picture for reference:
(White the White text highlighted – this is the issue I am experiencing)
Example One – White Text(With Grey text after changing CSS code – fixed temporarily)
Example Two – Grey TextHope to have this resolved soon, I have looked at other people’s fixes and since I am using Gantry 5 Hydrogen it seems like the fixes do not correspond with the way I should be doing things… I love Gantry 5, and would love to learn more about the theme itself.
[Moderator Note: No bumping, thank you.]
- The topic ‘Changing Login Input Text Color – WooCommerce – Gantry 5 Hydrogen Login Page’ is closed to new replies.