As usual, you can find out classes, IDs, attributes, actual CSS and much more with Firebug or a similarly capable browser console. You'll see that the relevant classes in this case are standard "col-...." classes, best in combination with a CB template class, and possibly also with page class(es), depending on your particular case and if you want this to be valid for other pages as well or not.
Again, all generic web design, which I understand this forum isn't for...
When the viewing portal drops below a given width (768 I think), the Name field drops underneath the Portrait, even though there is plenty of space left to the right of the name.
I'm attempting to keep the Portrait & Name on the same line, even on a smaller width, to prevent a very long list with lots of empty space when viewing from a phone.
That's the responsive bootstrap grid usage. It basically turns off its width, float, and keeps them block display so they display like normal divs again. The header should probably just hide on mobile display entirely though, which the below will do.
It's not a matter of just changing a little CSS. CB is entirely Bootstrap driven. We've very little customization getting in the way of letting Bootstrap do its thing. Changing the CSS means either altering Bootstrap (not advised) or completely adding your own new CSS.
Next CB release I'll be moving all our custom Bootstrap classes to template.css. This effectively means you can turn off CBs bootstrap and replace it with your own customized bootstrap as long as it's v3 to have a consistent design across your entire site if you so choose.
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.
krileon
