Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change the font color of Profile Fields.


  • 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)

  • 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?


    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!


    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.


    serie3369
    Participant

    @serie3369

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


    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.


    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!


    bp-help
    Participant

    @bphelp


    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


    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)
  • The topic ‘How to change the font color of Profile Fields.’ is closed to new replies.
Skip to toolbar