Custom Amount Font

  • Resolved nmastin2014

    (@nmastin2014)


    7 years, 2 months ago

    When I go to type in a custom amount, the font doesn’t show in the amount box. It seems as if the font color is white and the background color of the amount box is white. How might I go about fixing this?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    7 years, 2 months ago

    Hi there,

    Your theme has forced ALL inputs to have a “white” font color. But that can be easily overwritten with this custom CSS snippet:

    form[id*=give-form] input {
    color: black;
}

    Add that to the bottom of your theme’s styles.css file; or go to “Appearance > Customize > Custom CSS” and add it to the bottom of that setting. For more detailed info on adding custom CSS, see here: https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    Thanks!

    Thread Starter nmastin2014

    (@nmastin2014)

    7 years, 2 months ago

    Hi,

    Thank you for your response. I did this, but it didn’t change anything. For some reason, you can see the fonts that are typed in the “personal info” boxes (it shows as black), but it is still showing as white for dollar amount input box.

    Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    7 years, 2 months ago

    Hi there, I see now. Your theme has an additional style forcing that font color when the input is focused as well. Update the snippet above with this instead:

    form[id*=give-form] input, form[id*=give-form] input:focus {
    color: black;
}

    Thanks!

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

The topic ‘Custom Amount Font’ is closed to new replies.