Change buddypress colors in studio child

Hello
I want to change some colors in the buddypress part in my studio child theme.
How do I do it?
-Copy studio-buddypress.css from parent to child and modify it?
-Do I have to "uncomment" anything in child.css?
-Where in the code I find this colors (orange and light blue in the image)
Thank you very much...

  • DavidM

    Hi andreasecchi,

    To start with, Studio theme actually includes a child theme to help you get started in the following folder within the theme folder:
    \studio\themes\studio-child\

    It has a style.css file that you can use to add in your custom styles.

    For customizations like this, the best method is to use a tool like Firebug for Firefox or Google Chrome's inspection tool to see what the css elements are for those items, then you can target them in that child css file.

    Also in these cases, it's always best to provide a link so we might be able to quickly assist with it where it's not too extensive.

    That said, the blue item you mentioned appears to be the following:

    .activity-list .activity-header a:first-child, span.highlight {
    background: #EBF7FF;
    border-bottom: 1px solid #a1dcfa;
    border-right: 1px solid #a1dcfa;
    color: #059AE7;
    text-decoration: none;
    }

    And the comments appears to be thus:

    .activity-list div.activity-meta a.acomment-reply {
    background: #FFF9DB;
    border-bottom: 1px solid #FFE8C4;
    border-right: 1px solid #FFE8C4;
    color: #ffa200;
    }

    You can add those styles to your child stylesheet and customize them from there. It'll just take some experimentation.

    -David