[SOLVED] CB Activity background colour with dark theme

Hi,

I've been searching for hours in docs, forum, google and the code, but didn't find the right hint/code segment I am looking for so I'm asking here.

I'm using a dark theme for Joomla 3.0.3 and selected the dark theme in CB 1.9 (installed via CB Quickstart PRO 1.5 package. I activated the CB Activity module for registered users only for the side pane on the right. The Joomla template I use at the moment is "tk engina free" from themecat.com, but I guess it's not a direct issue with that template.

When a blog, wall or gallery entry is displayed in the CB Activity module or the CB Activity plugin via a menu entry, the background colour of that segment is changed to plain white although the overall design of the site is dark grey. The problem is that the text colour is light grey and the result is an almost unreadable.


How can I change the background to a different colour or have the module use the standard background colour?

I had a look at /components/com_comprofiler/plugin/user/plug_cbactivity/templates/default/template.css but couldn't isolate the right segment as I have no experience with CSS. Can you please lend me a hand here?

Thank you very much for your help in advance!

It has no background. Right click and inspect with Chrome or Firebug for Firfox to see its CSS, classes, and IDs then make changes where needed to is styling. Below will give CB Activity entries a background to match the border.

Hi Kyle,

thanks a lot for your fast answer, but it didn't solve the problem. Maybe I did not express myself correctly as I am not a native English speaker...

I didn't want a white background, I want a dark one like dark grey or black or something like that.

I gave that mini-layout a try and it did what you said, but my pfoblem is at a different position.

I had a look at it with firebug and found that the parts that have a white backgound have the class activityContentBodyInfo and activityItemContentTitle. They have a a background that has the colour #f5f5f5, but I need it to be dark like #363636 or #252525. I have changed the activity module to public for the time being so you can have a look for yourself if you want to. www.bosch-fotogruppe.de/3

Thanks a lot for your help!!

Best regards,
Sami

You'll need to completely restyle it for a dark theme. It is not designed for dark templates. You can do this using CSS. CB Activity template files can be found at the below location.

components/com_comprofiler/plugin/user/plug_cbactivity/templates/default/

You can also use the below site to generate a Bootstrap theme then use REGEX to append the namespace as seen in the default CSS file.

stylebootstrap.info/

Thanks for the help, I will follow your advice and create my own theme.

You'll find the namespace REGEX at the top of template.css. You'll want to use "line by line" in whatever you use to apply the REGEX. This will help append the namespace selectors to your themes CSS for usage in CB Activity (without it your CSS will apply to most if not all of your site!).