Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change buddypress profile fields text color


  • GKK
    Participant

    @gkk

    I’m new to buddypress and also i don’t know about coding. i read many forum topics regarding this problem, but I’m still confusing. Most of the people says create child theme to change buddypress profile fields text colour, but my question is, I use buddypress by installing its plugin, how can i create child theme for a plugin? i already have child theme for my website theme which is located at wp-content/themes. The profile fields text color and page background are in same color, so it makes not visible text,please anyone help me!

Viewing 9 replies - 1 through 9 (of 9 total)
  • If you already have a child theme in use then that’s great you do not need to repeat that step, you will use your child theme to hold copies of various buddypress files so that you may modify them safely.

    Please always check the documentation that is available as we have some guides on tackling this aspect of overloading BP files to child themes, these guides will explain how to proceed.

    Theme Compatibility

    If/when you have further questions do post back to this thread.


    GKK
    Participant

    @gkk

    i am using “fine pro” theme, the child theme was created as dafault, can i use this child theme for buddypress customization? , if yes, where can i find that text CSS CODES for changing style in table profile fields? I have searched for table profile fields CSS code in buddypress default.css, but i don’t know which code is related to profile field text.


    GKK
    Participant

    @gkk

    see this image to know my problem
    Text not showing due same text and background color

    Once you have your files copied to your child theme as explained in the guides so that you may safely edit files such as buddypress.css you will need to use a browser dev tool such as Firebug for firefox to inspect elements on the screen which will then show you what rulesets govern the visual styles and where in the file they live i.e line number.


    GKK
    Participant

    @gkk

    i used firebug also, but still I’m not able to find out the css code for corresponding text, this is my test site url, please give me css code to change font color.


    aces
    Participant

    @aces

    @gkk

    Well looking with firebug on your test site i can see that the text colour comes from the .label or .badge rule on line 4941 of bootstrap.min.css

    try putting something like

    .label, 
    .badge {
    color: #000;
    }

    at the end of your child theme’s style.css…


    GKK
    Participant

    @gkk

    Thank you very much Mr Aces, the css mentioned you works, i don’t know how to use firebug properly, if are willing to help me, please reply me how did you find this code through firebug.


    aces
    Participant

    @aces

    @gkk

    What I do in Firefox is press f12 to start firebug which should open into the html tab, if not click on the html tab at the top.

    On the left of the html tab is an icon of an arrow pointing to a box. Use this to select the item you are interested in.

    In your example it should jump to the html in the left column: <td class="label">Qualification</td>

    If that line is selected then on the right are the relevant rules. In this case I looked down the rules until I found a color:. If you click on the color property you can select and deselect it to see what effect it has.

    Sometimes when you deselect it another css rule might then be used. This is part of the cascade.

    If you click on the value you should be able to try different settings.

    Once you have found a setting that works you need to transfer it to a child theme’s stylesheet. You should be able to highlight the whole rule and copy / paste. It’s a good idea to remove all the bits that stay the same to prevent duplication / complications / inefficiency…..

    Is that any help?


    GKK
    Participant

    @gkk

    Thanks a lot, really your info was helpful.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to change buddypress profile fields text color’ is closed to new replies.
Skip to toolbar