Changing font color on different pages.

  • Hello. I have been working on this all weekend and I believe that it is an easy issue to solve so I figured I would just ask.

    The website I am working on is for a non profit so they can sign up members. The page I am having issues with is the boxes to fill out which country you are in it is a white box with white txt.
    https://empirewaterpolo.com/register/membership-checkout?level=1

    How can I change the box txt to black?

    Any help would be appreciated I am new at this and the site would basically be done if I could figure out these two issues.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey, macz0r!

    How ’bout just changing the background to black, with white text? You can do that by adding the following to your style.css:

    form.pmpro_form select {
    margin: 2px 0px 0px;
    font-size: 12px;
    background-color: #000000;
    }

    That way, it’ll match the rest of the form, yes?

    Otherwise, you’d just add the following to your style.css:

    form.pmpro_form select {
    margin: 2px 0px 0px;
    font-size: 12px;
    color: #000000;
    }

    I always advise that if you’re going to make these sort of changes, create a child theme, and make the changes there. Or, install a plugin like “Simple Custom CSS” and put it in there. That way, if you ever update your theme, you won’t lose your changes. ??

    Thread Starter macz0r

    (@macz0r)

    Hey Augustin,

    Thanks for the help. It worked!

    form.pmpro_form select {
    margin: 2px 0px 0px;
    font-size: 12px;
    background-color: #000000;
    }

    Do you know how I could accomplish the same thing with this page?
    https://empirewaterpolo.com/register

    I would rather change the box so it looks the same as the rest of the site instead of just changing the txt black.

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing font color on different pages.’ is closed to new replies.