I am having fun with Joomla Gantry framework. It is a bit heavy, but highly customizable, tons of template options. I tend to work with LESS, which makes me not CRY ( continuously repeat yourself ), is clear, fast to code etc. I will show you how to deal with gantry web fonts, to apply to whole website. How make it configurable from template control panel. How to override K2 styles in gantry ( get rid off K2 default font families )
In this article I would like to share with you how to make "fixed header" in Joomla Gantry Framework. How it works. You normally scrolling down, header disappears. From the moment your scrolling reaches certain value, header appears ( animate ) and stays fixed at the top of the website.
Joomla Gantry Framework 4 supports font-awesome. Font awesome is pictographic language which delivers over 200 "font-icons". We just use them like ordinary fonts, not png files.
Joomla Gantry Framework is very flexible "tool" for rapid web development. It needs a bit of love although. You need to read documentation and carefully inspect code. In this article I am going to show you, the way you can set up background image upload in back end gantry template control panel. I took example from gantry build-in function for uploading logo, made few amendments and for me works fine. We need to work with two files.
Gantry Framework for Joomla gives us possibilities to save our template style in presets. There are two ways to use presets. First is using gantry template manager, where you can simply save your settings.
In this article I would like to share how to implement gantry feature to create text logo or site slogan. It is somehow missing from gantry framework, but easy to achieve
Gantry Framework supports development using LESS css preprocess. This is great feature, speeds up development, saves time ans somewhat works better then pure css when dealing with overides.
There are times when you need to implement full width slider or slideshow in gantry framework for Joomla. It is not complicated but requires some work. First you need to edit index.php to add module position within body tag. This is very important part because you choose location of your full width sidebar. You are placing it among existing module positions. I have placed it just above showcase positions. See below how I have it done:
This is short article about styling default gantry framework menu, add some css transition for animation effect ( similar to effect what I have on my website ). Here we are not going to work with LESS files.