Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change the font color of Profile Fields.

  • Avatar of AmareshSingh
    AmareshSingh
    Participant

    @amareshsingh


    I want to change the Color of the Profile Fields displayed in the white color to a different black color as My Themes Color doesn’t makes it visible.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Avatar of serie3369
    serie3369
    Participant

    @serie3369

    I would love to know this too. I cannot see my profile field label. Its white on white. How do I change the text color of that?

    Avatar of wp_lover_4ever
    wp_lover_4ever
    Participant

    @wp_lover_4ever

    You should look into the style.css of your theme, and edit the profile field div, and change the html color code from white to black.
    You can edit your style.css of your theme either from the dashboard by going to editing, or through FTP access.

    Good luck!

    Avatar of serie3369
    serie3369
    Participant

    @serie3369

    Couldn’t find anything in my style sheet… The color of the text is white and I want to change it to Black or dark grey.

    Here is the code: http://pastebin.com/n0YAb8P3

    I moved the inline CSS into the pastebin link because it made this thread massively long.

    Avatar of serie3369
    serie3369
    Participant

    @serie3369

    Thanks for that, but still searching for a solution to this problem…

    Avatar of Rishikant
    Rishikant
    Participant

    @rishikant

    @amareshsingh
    Hi, you should first make a child theme for your theme, then paste code to child theme’s style.css.
    That is the best way of making changes.

    Avatar of serie3369
    serie3369
    Participant

    @serie3369

    okay first, how do you create a child theme?

    Second, how do you make the child theme to only change the color of the profile fields from white to black.

    I would love some step-by-step here since I know little about editing code and what not.

    P.S. I do have my themes original style.css posted above for convenience.

    PLEASE HELP!

    Avatar of bp-help
    bp-help
    Participant

    @bphelp

    Avatar of serie3369
    serie3369
    Participant

    @serie3369

    FIX: I downloaded the firefox addon FireBug. I clicked on the label box for one of the Profile fields that were all showing up white text and were not able to see. This addon allows you to see where the source of the code lies. I found mine in my themes Bootstrap.min.css file. For an easier way to read your code or search for the text color, use your bootstrap.css file. But all final code changes need to be in bootstrap.min.css. My code looks like below:

    .label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#000;text-shadow:0

    I already changed the color to black, before it would’ve been #fff

    Avatar of bp-help
    bp-help
    Participant

    @bphelp

    @serie3369
    You really should still make a child theme and add that that to it. Otherwise if you update your theme it is likely that it will be overwritten.

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

You must be logged in to reply to this topic.