• Resolved jmccoy1

    (@jmccoy1)


    Hello,

    I looked through the support forum and did not find an article for my issue. I am trying to change the text color for my login form. As you can see here: https://hearst.tenanttrainingportal.com/

    The black text for username and password blend into the background. Do you have a custom CSS that I can use to change that color?

    Thank you,
    Jacob McCoy

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Paul

    (@paulplapsa)

    Hello @jmccoy1,

    You can do that with a bit of CSS that you can add via your Customizer interface: WordPress -> Appearance -> Customize -> Additional CSS

    Here is the CSS:

    wppb-login-wrap .label, label {
    color: black !important;
    }

    Regards,
    Paul

    Thread Starter jmccoy1

    (@jmccoy1)

    Thank you Paul,

    What would be the CSS to make the entire box in the background change from transparent to a solid color?

    Thanks again,
    Jacob

    Paul

    (@paulplapsa)

    Hi @jmccoy1,

    You can use this CSS to target the background:

    .col-lg-8.single-left.mt-lg-0.mt-4 {
    background-color: #91b2d1;
    }

    Regards,
    Paul

    Thread Starter jmccoy1

    (@jmccoy1)

    Hello Paul. I used the CSS in the customize settings and the background is still transparent. I tried a different HTML color code but still is transparent. Did I miss something in the code you sent?

    Thank you,
    Jacob McCoy

    Thread Starter jmccoy1

    (@jmccoy1)

    I think I figured out what the issue was in my CSS for it not to work. If you can see from this snippet: https://snipboard.io/bw4CfO.jpg

    The box border is a bit larger than the box itself. Any ideas on making that change to fit the box size? Thank you again for all of the help. I am sure that this is the last fix I need to get done and I will be all set!

    Jacob McCoy

    Paul

    (@paulplapsa)

    Hello @jmccoy1,

    You can target just the inner box by removing the CSS I sent you before and just targeting the id for it like this:

    #post-118 {
        background-color: blue;
    }

    Regards,
    Paul

    Thread Starter jmccoy1

    (@jmccoy1)

    Hey Paul,

    Thank you for that code. is there some CSS to remove the box all together? So I can use just the text with no box surrounding it?

    Jacob McCoy

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing the text color’ is closed to new replies.