Skip to:
Content
Pages
Categories
Search
Top
Bottom

Re: Keep default bp theme but change main colors


do77
Participant

@do77

Thanks for your reply! So let me get this right before I start:

1) I create a child theme, i.e.’ bp-default-child’ and copy all files EXCEPT the style.css

2) I create a new custom stylesheet ‘custom.css’ and import the following sheet:

/* Parent styles */
@import url( ../bp-default/_inc/css/adminbar.css );
@import url( ../bp-default/_inc/css/default.css );

/* Custom styles */
@import url( _inc/css/custom.css);

3) Then, I use firebug to find out the #div names and customize the colors. So let’s say the top navigation is called #topnav I add

#topnav {background-color:#newcolor;}

to my custom css file

4) I link to that file in the header of my child theme

5) Done

Is that about how I have to do it so it would work correctly?

Thanks a lot!!

Skip to toolbar