The background colour you are seeing in the demo page is inherited from the template's stylesheet not Bootstrap.

PS. Your template's stylesheet since you are probably not using K2's default CSS is possible that overrides certain aspects of Bootstrap.

I too have a problem with a Rocket Theme template (Hexeris) and K2.

I am using the mechanism that RT provide for using custom CSS within their themes but I am not getting the styling I expect. It would seem that a part of their CSS file for K2 (thirdparty-k2.css) has an overly broad selector, i.e.

which will obviously affect any table in the container. It looks as though there is a missing selector between the "#k2Container" and "table".

I am also having problems with their typography on a page where I am using tables with the css classes "table table-striped", again this is being overridden by their K2 CSS file. The problem is slightly different and I haven't managed to determine its root cause as yet.

For commercial template issues which use their own k2.css you should ask the template developer.

Accepted, and I have raised it with Rocket Theme.

I was posting here mainly for information .

The question does arise though, is there a "standard" set of CSS directives for K2 that one could check the RT K2 CSS against?

As I have said below it appears that the selector in the CSS file used for K2 styling by Rocket Theme is too wide.

I have fixed this by commenting out the K2 Registration Form section of the CSS. Because RT compile the CSS file you have to alter the thirdparty-k2.less file in the "less" directory of the template. This will then be recompiled and placed in the "css-compiled" directory when you do a save on the template.