If anyone can reference me to the proper files etc.to make these changes.
I'm trying to change the white background as some text is not showing up.
The joomla template I'm using is the Atum-default for the backend and is a darker version which is easier on the eyes.
The white backgrounds in CB now appear too harsh in contrast.
We don't provide a means of restyling CBs backend. You'd have to do that from Joomla backend template custom CSS file. CB 3.x will be providing dark mode for both backend and frontend once we redesign everything, but that won't be for awhile.
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.
Hi Krileon
I've isolated the css for the background color in CB's backend.
It seems to be driven by the Bootstrap file (bootstrap.css) that comes with CB.
The overide.css only works for the frontend and doensn't affect any change in the backend.
bootstrap.css
Line 7
.cb_template
--body-bg: #fff;
&
--border-color: #dee2e6;
are overeiding the Atum template (background) colours
When I uncheck these 2 in the browser inspector the background reverts to the Atum colors
I can make the changes in the bootstrap.css but I'm assuming it will only be a temporary fix as it will be overwritten with updates.
Do not make changes to bootstrap.css you will lose those changes when you update CB.
You need to add custom CSS to override CBs to Joomla's backend template user.css file. To do this navigate to System > Templates > Administrator Templates then click "Atum Details and Files". Now click "New File". Select "css" for the folder, set "File Name" to "user" and "File Type" to ".css" then click "Create". You can now edit that file and add whatever backend custom CSS you like. Joomla should load that automatically.
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.
Thank you Krilion for your help.
I have never needed to adjust/customize the css in the backend before and your info was extremely helpful.
I now can view the text again in CB and have the Atum background colors again which makes it easier on the eyes.
krileon
