I use a customized version of the RocketTheme Afterburner2 template. The Afterburner2 template is based on the Gantry framework and has been stripped of of all unnecessary features in order to obtain a very fast template.
I am novice in using the Gantry framework. I would like to reintegrate in my template the Gantry font sizer feature, but don't see how to do it.
Thanks for your help or for pointing me the right documentation.
Jean-Pierre
It's unlikely a simple task to re-enable this feature in Afterburner but you could add another extension to do this for you such as the non-commercial jFontSize module:
http://extensions.joomla.org/extensions/style-a-design/accessibility/24328
Alternatively, you could switch to the default Gantry template which is reasonably lean but still has the font sizer feature included.
Related
Random and probably dumb question-can Material-Design-Lite blog template be fully installed on Wordpress? Downloaded the full template from http://www.getmdl.io/templates/blog/index.html and wondering how to use the entire file....
Thanks!
Sure it is possible! I actually was playing around with MDL and integrated it into WordPress. If you are interested you can grab it off GitHub:
https://github.com/braginteractive/MDLWP
Yes, you can absolutely make a Wordpress template using MDL. Helping you do that though... is a bit of a big task. Try looking for help around the web on just building Wordpress templates, then when are you working with HTML, use MDL classes and necessary attributes for components.
Yes. You'll probably want to do so by creating a new theme. The MDL templates provides static HTML, CSS, and Javascript. Wordpress requires PHP to dynamically add your content. You could approach this from two directions: modifying an existing theme or blank starter-theme to work with the CSS and Javascript, or adding the necessary php to the MDL HTML files (and making them php files).
You could also potentially add the MDL css and javascript through a child theme or plugin to use only select portions of it if you're not looking for a MDL Theme. At a minimum you'll need to add classes to the elements you want to affect, and watch out for potential conflicts.
Not sure of your level of experience, but here are some starting points.
Wordpress Codex on Theme Development
A tutorial on creating a theme from static html
A tutorial on including your css and javascript files
Write now there are two themes available for free
MDLWP - Free Theme and premium plugins available -
http://mdlwp.com/
Realistic - Free theme
https://wordpress.org/themes/realistic/
Is there anyway we can override existing theme and its controls to a custom font?
Problem: I can able to override the global font with my custom font, but I can't override each and every controls font since all the controls have their own Font property assigned rather than inheriting from the global.
Any solution?
UI5 Theming and LESS
UI5 is using LESS internally to enable Theming in a comfortable way. LESS is a CSS Precompiler that extends CSS functionality. The implication and drawback is that the delivered UI5 Themes are precompiled already meaning your application is only using the generated, plain CSS.
UI5 Tooling for Themes
Unfortunately the real UI5 tooling behind it wasn't unveiled to us developers so far. The only tooling they provide is Theme Designer. There even is a on-demand version here. With Theme Designer you should be able to achieve easy styling changes as you are looking for.
Hacking UI5 Themes
But still all the ControlName.css files contained in the Themes ARE the uncompiled less files and you can find all the LESS variables UI5 is using in the library.less file. So with a little bit of hacking you should be able to recompile those LESS files into a new library.css file which is used at runtime. All css files of a library are combined and compiled with library.less into a single file - library.css
So if you want more details and understand what's going on behind the scenes check the library.less files
e.g. http://[host][:port]/[path_to_my_application]/resources/sap/m/themes/sap_bluecrystal/library.less
You will find all the UI5 LESS variables in there. Probably most interesting for you is #sapUiFontFamily.
Anyways I would not recommend to change a lot in here since your styling can break very easily with new UI5 versions!
Are you using the UI Theme Designer to generate the CSS files for your custom theme? If not, you should give it a try. It makes adjustments really easy.
To customize a few or all font families, simply choose the "Expert" settings tab on the right hand side of the designer and filter for "FontFamily". It will then list all the relevant attributes.
I'm trying to create a subtheme of the foundation theme so I'm following the directions in the readme in starter map. All goes well except for there isn't a theme-settings.php file included in the starter map. I've now just copied the theme-settings.php file from the base foundation theme. Will this give me setbacks in the future? Do I need to create my own theme-settings.php ?
You can do fine without a theme-settings.php in your subtheme, unless you need to customize the theme settings form. I noticed the entry in the README file too, and I think it refers either to a previous version of the Foundation theme or to a next proposed feature.
If you don't need to customize your subtheme settings form you can happily proceed. If you do - or will in the future-, you can provide your own theme-settings.php; just be aware of issue #943212 in Drupal queue. You can find a neat workaround to that issue in Zen theme starterkit's theme-settings.php.
Is it possible to implement 100% of bootstrap in joomla without any custom css?
There's this great article about building a theme with Twitter Bootstrap.
http://magazine.joomla.org/issues/issue-aug-2012/item/818-using-the-twitter-bootstrap-framework-to-build-a-responsive-joomla-template-from-scratch
If you are building a new site. Take a look at Joomla 3.0 as it comes with Bootstrap by default (as well as jQuery).
Sure, you can implement Bootstrap without adding any custom CSS< but why would you do that? Bootstrap is not a full blown template or layout. It is a framework used to facilitate creating a template or layout. Even on the Bootstrap examples page they specify that these should be a starting point, not the end product.
http://twitter.github.com/bootstrap/getting-started.html#examples
If you want to create a custom template, it would make sense to start with the started Bootstrap template, adapt it for Joomla, then add the custom CSS and images to make it look good.
It would be a good idea to also look at Joostrap (http://www.joostrap.com/). They have a very nice basic template that we base all of our custom work on.
I have built some templates for Joomla 3.0, Bootstrap in Joomla 3.0 doesn't support all Glyphicons that Twitter Bootstrap supports, so if you want to use the missing icons you will need to add your custom CSS.
If you build a responsive template for Joomla 2.5, there will be a lot of works to do, not only for CSS, default extensions in Joomla 2.5 are not responsive so you may need to override their default layouts.
With Eclipse 4 new support of CSS themes, I wanted to ask if anyone was able to port Solarized (http://ethanschoonover.com/solarized) to it. I'm not looking for a simple Color Switch in the editor, but rather the whole window.
If no one is able or willing, would you please point me to a reference for the Theme styling?
Thank you.
Your best shot would be to start from this plugin : https://github.com/eclipse-color-theme/eclipse-ui-themes
And then modify the CSS.
Here are some resources:
http://wiki.eclipse.org/E4/CSS
http://wiki.eclipse.org/E4/CSS/SWT_Mapping
http://www.vogella.com/articles/Eclipse4CSS/article.html
Regards
you could use the Aptana Studio plugin's out-of-the-box themes, and create or customize one to suite your needs (let alone to create a custom Solarized theme). these themes can be set to "invasive" mode to force theme to all views (not just the editor).
to do so, simply open Window / Preferences / Aptana Studio / Themes and play with the various attributes:
here's an example for a custom theme made using the Aptana themes, that mimics stackoverflow's Java highlighter: