Skip to Content Skip to Menu

🎃 Happy Halloween! Treat yourself with an awesome discount on memberships! Get 20% off now with code SPOOKY-2024!

[SOLVED] CB Activity background colour with dark theme

  • sami_
  • sami_
  • OFFLINE
  • Posts: 4
  • Thanks: 0
  • Karma: 0
11 years 8 months ago - 11 years 8 months ago #220619 by sami_
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!
Attachments:
Last edit: 11 years 8 months ago by krileon.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48457
  • Thanks: 8280
  • Karma: 1443
11 years 8 months ago #220682 by krileon
Replied by krileon on topic CB Activity background colour with dark theme
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.
Code:
.mini-layout { background-color: white; }


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • sami_
  • sami_
  • OFFLINE
  • Posts: 4
  • Thanks: 0
  • Karma: 0
11 years 8 months ago #220812 by sami_
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

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48457
  • Thanks: 8280
  • Karma: 1443
11 years 8 months ago #220817 by krileon
Replied by krileon on topic CB Activity background colour with dark theme
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/


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: sami_

Please Log in or Create an account to join the conversation.

  • sami_
  • sami_
  • OFFLINE
  • Posts: 4
  • Thanks: 0
  • Karma: 0
11 years 8 months ago #220822 by sami_
Thanks for the help, I will follow your advice and create my own theme. :-)

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48457
  • Thanks: 8280
  • Karma: 1443
11 years 8 months ago #220851 by krileon
Replied by krileon on topic CB Activity background colour with dark 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!).


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum