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] customising template. and boostrap.css

  • piluche
  • piluche
  • OFFLINE
  • Posts: 69
  • Thanks: 10
  • Karma: 0
8 years 2 months ago - 8 years 2 months ago #284635 by piluche
Hi,

My Joomla template has a dark background with white text ( www.escpgolf.com )
I 'd like to have all the CB panels (edit profile, registration, profile, list of members) tuned with my template, i.e dark backgrounded and white text..
Particularly when mouse over a profile name, i'd like to have a dark background instead of a white one.
I searched in both the Css files of Default template but no way
( my english is not good enough to understand all the CSS items)
Could you help me in that issue ?
Thanks in advance
Regards,

Philippe
(From France)
Last edit: 8 years 2 months ago by krileon. Reason: Added [SOLVED] tag to subject

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

  • piluche
  • piluche
  • OFFLINE
  • Posts: 69
  • Thanks: 10
  • Karma: 0
8 years 2 months ago #284636 by piluche

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48457
  • Thanks: 8280
  • Karma: 1443
8 years 2 months ago #284674 by krileon
Replied by krileon on topic customising template. and boostrap.css
You need to write custom CSS to style CB. CB uses Bootstrap 3 for 90% of its CSS. You can override the CB template by using an override template plugin as shown below.

www.joomlapolis.com/forum/6-news-and-publicity/227459-cb-2-0-3-template-css-overrides

Using a Joomla template that also uses Bootstrap 3 is the easiest way to have a seamless style across your site as you can turn off CBs Bootstrap 3 and let your template style CB.

The bootstrap table hover selector is as follows in CB (we run Bootstrap CSS through a prefixer to avoid conflicts and is prefixed with .cb_template).

.cb_template .table-hover > tbody > tr:hover


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.

  • piluche
  • piluche
  • OFFLINE
  • Posts: 69
  • Thanks: 10
  • Karma: 0
8 years 2 months ago #284760 by piluche
Replied by piluche on topic customising template. and boostrap.css
Thanks Krileon

I did it !
Perfect

Rgds

Piluche
The following user(s) said Thank You: krileon

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

Moderators: beatnantkrileon
Powered by Kunena Forum