Hello, I have this question:
I'm making a menu tab with different tabs (set as menu and nested menu tabs (home, about us, gallery...)) and put all in the same position (canvas main middle). I'd like to know if it's possible to format each single tab with a specific customization (i.e., HOME: background-color:red, padding:20px; and ABOUT US (background-color:yellow, margin:30px; font-color:bold;).
I see that in the section new tab, there is a css box (at the bottom of the page) where is possible to put the css class, problably this is the solution, but I did not understand what the file whre to type the css content is. Do you have any suggestion and/or any other solution to resolve my need.
Thanks a lot in advance, best.
When editing your tab within CB > Tab Management you can use the CSS Class parameter to add your custom css class. Example as follows.
CSS Class: MyTab
CSS:
Code:
.MyTab {
background-color: red;
}
Where you put your CSS is entirely up to you, but typically your Joomla template provides a way for a custom CSS file to be loaded and is best added there. Alternatively you can use a template override plugin as shown below to load your custom CSS.
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.