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.
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.
see this image to know my problem
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.
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.
@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…
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.
@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?
Thanks a lot, really your info was helpful.
