BuddyPress.org

In CSS a lot depends on when a style for a selector is defined. If .example is defined as having a black background, but later .example is defined again as having a red background, then the background is gonna be red. But if you add an !important rule to the first style, then the background is gonna be black. Adding the !important rule to the second style makes the background red again. Might be what’s missing here.

Also, delete your browser cache to make sure you don’t get a cached version of the page.

@pcwriter –

Is this in a child theme from bp-default?

Have you checked the file path is correct to your custom.css file? Do an inspect element in your browser and check the path bloginfo is generating – is it the one you expect?

Also, not sure what you mean by it “it defaults to bp-default/_inc/css/default” … is this a child theme, or have you just tried modifying style.css in the bp-default theme itself?

If you have made a child theme, and followed the standard bp css structure – then style.css will include the default.css in your child theme’s _inc/css folder – not to the default.css in the bp-default theme.

If you clarify these questions, it might help explain which css files are actually being used.

Crank open inspect element in your browser.. I take it you are using firefox, safari or chrome.. And take a look at the chain of CSS files that are leading to the definition for container etc in your site.

That will tell you which files are being used, and which are taking preference? Are you seeing the chain you expect? Is your custom.CSS in there?

Are you sure bloginfo is returning the path you expect – did you check this in your web inspector?

Finally – if your custom.CSS is getting called, and is last in the cascade as you want – have a look at the specifity of your selectors – the most specific one is the one that will be used.