*dies of shame* I just can't seem to get the css right for changing the properties of these buttons. I have a class in my template that I would like to apply. However, I'm not exactly sure what syntax is needed when actually imputing it in the field in the CB editor. As in... how much/what code do I need to input in the edit mod_cblogin login and logout buttons?
This is the class I'm attempting to get cb to use:
The default layouts for the login module are styled for Joomla 2.x default template. The bootstrap layouts for the login module are styled for Joomla 3.x default template (bootstrap 2 protostar template).
You can use a layout override in your own template then change the CSS classes directly on the elements or use CSS to override it. To use CSS right click and inspect the buttons. Now review their HTML structure for the proper CSS selectors. Example select for login button as follows.
.cbLoginForm #form-login-submit .btn
That should be strong enough to override any of its styles.
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.
Where is the css for styling CB located in the file architecture? I've been digging... but having a hard time finding it. I figure I can pretty up some of the graphical elements from there.
We use Bootstrap 3 so 90% of our styling comes from Bootstrap. Do not change core CSS files as you will lose your changes when you update CB. You need to use your own CSS to override CBs or a custom Bootstrap 3. CBs default template files can be found below, but again do not modify core files.
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.