If you put this in the body element then the font will be used on the whole website. * Import font from Google - Go to, select a font and look for the import command Use the imported font on the page: On Google you can also find the CSS instruction for using the font. Simply adapt and add the following CSS to /media/templates/site/cassiopeia/css/user.css in J4.1+ (was /templates/cassiopeia/css/user.css in J4.0):.Note: converting online an image to svg/ico is easy, just Google it 4.2. /media/templates/site/cassiopeia/images/joomla-favicon.svg from J!4.1 onwards./templates/cassiopeia/images/joomla-favicon.svg for J!4.0.If you want to override them, all you need to do is to create an override of these icons, for example Overriding the FaviconĬassiopeia’s default favicons path can be found in the
and even more creativity & flexibility since we can use/(re)discover Joomla core features to customize it according to our individual needsĤ.The first time I saw the Cassiopeia Template Options I thought “oh nooo, so few Options”.īut actually -as we see in this presentation and in the other resources mentioned- we can easily compensate for that.Īt the end of the day, it is even a good thing to have a default Template that is not bloated because it means Of course, you might also have you own (good) reasons to use another template/framework.īut Cassiopeia is clearly an excellent option for Joomla 4 (while for Joomla 3 I have never considered using Protostar to build a website except for testing purposes) 3. new features are regularly added, like the ones coming along with J4.1 (note: J4.1 RC was released on 18 January 2022: ).it uses the latest techniques (CSS Grid, CSS Variables, vanilla javascript instead of frameworks, …)Īnd latest tools (Bootstrap5, Font Awesome 5, …).it is by design super performant (I was surprised to get 97% on a Lighthouse/GTMetrix for a real website even before doing the most basic optimisation like enabling gzip).it is Accessible (AFAIK it not the case for the classical templates/frameworks out there).There are many good reasons to stick to the native template Cassiopeia
#Banner effect joomla how to
How to Use the Menu with Cassiopeia in Joomla 4 by LT Digital Team | Dec 9, 2021.Cassiopeia Template in Joomla 4 by Hagen Graf – Oct 2021.Cassiopeia – Templates in Joomla 4 by Viviana Menzel at JoomlaDay DACH 2021 – Sep 2021.Kickstart Cassiopeia, the new Joomla frontend template Module by Maarten Blokdijk at JoomlaDay USA 2021.Joomla 4: Cassiopeia Template by Patrick Jackson in the Joomla Community Magazine – Jan 2021.How to build accessible websites using Cassiopeia by Christiane Maier-Stadtherr on 2021.09.21 at JUG London.More information about the available Classes for the Blog View (image-left, image-right, image-bottom, image-alternate, boxed, …) by Ciaran Walsh.Joomla 4: Tweak Cassiopeia with a top banner and horizontal navigation by Astrid Günther in the Joomla Community Magazine – Sep 2021.A banner at the top and the navigation horizontally below it.A tutorial on how to use the Cassiopeia template for Joomla 4 by Astrid Günther on her blog.Joomla 4.1 insights by Dimitris Grammatikogiannis (aka dgrammatiko) at Joomla Extensions Developers JUG on 2022.01.20.Child Templates in J!4.1 by Dimitris Grammatikogiannis (aka dgrammatiko) at Joomla User Group London – Dec 2021.Customize your Cassiopeia Template by Elisa Foltyn (aka coolcat) at Joomla User Group New Jersey – Nov 2021.So here is all I am aware of ( and please get back to me if I have forgotten some): I always like to gather all the available sources about a topic, be it Custom Fields… or Cassiopeia 🙂 The goal of this session is to try and give tips & tricks about Cassiopeia which are not already out there.īut what if it is out there and you missed it? So you don’t have to worry about this, Joomla (Dimitris Grammatikogiannis in the present case) got you covered 😉 1.
#Banner effect joomla update
Good to know: if you created for example a templates/cassiopeia/css/user.css in J4.0, once you update to 4.1 the file will be automagically moved to media/templates/site/cassiopeia/css/user.css.
0 kommentar(er)
