• 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; to color: #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 Text

    Hope 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.