10 years 2 months ago
Hi Robert,
A few questions there, which I will answer in a slightly different order to the way you posted them.
1. The T3 framework which underlies JB templates is Bootstrap based, and if you look hard enough you will find the css files that relate to that. No need to touch any of those.
2. Almost all CSS custom edits should be done in custom.css. These act as overrides for anything the JB guys have created, and always make a good starting point. This can be found in templates\template-you-are-using\css.
3. Theme Magic essentially deals with alterations to the colour scheme of the main elements such as links, navigation etc. Fonts are dealt with separately in the font section of the template back end. To set general styles you need to follow a formula which allows you to set colours, fonts and page styles and then apply them to particular parts of the final site by assigning them to appropriate menus.
4. Collapsing particular elements - setting how modules and page elements line up is done using the responsive settings in the template. You can dictate how those module positions look using the responsive settings in the template back end. then saving them appropriately. So you could make a row of modules 4 wide on a wide screen and two wide on a tablet or mobile, for example. We tend to work hand in hand with Firebug to view the pages and see what actually happens. When you reach final page views you are happy with, you can then debug them in other views this way to make sure they look ok.
5. YouTube video responsiveness. Although I haven't done this, it looks pretty straightforward to implement. It's only a case of creating an appropriate class and adding it to the framework.
6. Backgrounds and overall colour themes. You can of course set everything as you want. Sometimes a particular client will request things way different from the original wireframe. We find that careful use of custom classes on top of the JB frameworks will allow us to do pretty much everything. The underlying structure is so good that you end up tweaking particular things in custom.css rather than throwing everything out. If you imagine a lot of edits, use one of the minimal templates like zenbase to build up the themes you want.
7. 2/3 - 1/3 module - Why don't you use two grid rows? Just a thought. It is possible to stack modules on top of one another, but that does not really work when it comes to getting a responsive result. To help you we would have to understand exactly what elements you wanted to place and the result you wanted to achieve. It might be you can get the result you want using zentools or a similar tool set to display your output.
8. General guide - Have you looked here?
docs.joomlabamboo.com/getting-started/. This is the starting point for understanding the T3 based templates. You could also download a quickstart package to your local host which will give you a good idea of how the JB guys suggest you might go. Someone else may be able to tell you if there is a short video as well.
9. If you want something more of a walk-through, then, depending on where you are, we could maybe set up a Skype session or a Google hangout to help you on your way.
I hope this all helps...
Richard