Colorful Blog Template for Joomla

Please share:

Module Positions:


  1. JR on Aug.06.2013

    This template is exactly what I was looking for! Thanks for the free release, really appreciate your hard work for doing such great designs! Keep up the good work, and thanks again!

  2. Rajaguru on Sep.14.2013

    The template is great and i have been using these templates without any difficulty in installation and configuring. Great work. I have suggested these templates to my friends. Keep the good work going and thanks for your effort and contribution.

  3. shn on Oct.28.2013

    Thanks for these Joomla 3.1 templates, they are all great looking.
    Currently I am using the Bloggy template on the community website that I manage. One problem though that I am experiencing – I find that if I create a table with border, the border does not show up. Is there any way to remedy this?

    Thank you.

    1. JT Admin on Oct.28.2013

      Add this class to the table where you want borders:
      class=”table table-striped table-bordered”

  4. daanhaeyen on Dec.29.2013

    Hi, I cannot find out why the “current item” menu item has a blue background.

    I tried reinstalling a few times, still the blue blackground… Can anybody help please?

    Thanks! Daan

    1. JT Admin on Jan.02.2014

      Probably you already fixed it. This blue background comes from the default Joomla installation, that adds a custom css class to the main menu. By removing the menu css class it will fix this issue.

      1. dunbolle on Feb.10.2014

        Hi, I am an newbe at Joomla and webdesign. I have the sam problem with the bleu background in the menu. Which menu css do I have to remove?

        By the way, thanks for this design. I want to use it for sharing my geocaching experience andthis design fits like a glove.

  5. chh on Dec.30.2013

    i use this template but on mobiles the menu is not shown …
    any ideas?

      1. barcabazsi on Jan.13.2014

        I have the same problem as described above: using the same teplate, on mobile the menu is not shown and it does not matter if I use ios or android software.

        1. JT Admin on Jan.13.2014

          Have you changed anything in the template code? It looks like something is missing from you code, that is actually needed to generate the mobile menu.

          1. barcabazsi on Jan.14.2014

            I haden’t chaged nothing in the template code. What’smissing? I don’t no…
            pls help me.

          2. JT Admin on Jan.14.2014

            Can you please make the module title to be shown? Probably that is causing the problem. Not sure but worth a try.

          3. JT Admin on Jan.14.2014

            It is not working because you changed menu style from “menu” to “Liberty-menu” in index.php

          4. barcabazsi on Jan.14.2014

            It’s working! Thank you so much. I’m very happy ๐Ÿ™‚
            Thanks all.

  6. Esin on Jan.13.2014


    I couldnt figure out how to add or change menu items (position:menu). Please help!

    1. JT Admin on Jan.13.2014

      In Joomla backend you can add new menus:
      Menus > Main Menu > Add New Menu Item
      You can also change them anytime: Menus > Main Menu
      Also you can add new menu categories if you need multiple menus.

  7. Eve on Jan.13.2014

    I’ve the same problem with mobile (I’m using Iphone) and tablet. Even if I decrease the browser window on my computer. Both menu (on the top and on the left) look strange. The first one is disappears, the second is on the whole page ๐Ÿ™‚

    1. JT Admin on Jan.13.2014

      The menu on the left side is normal to occupy the whole width of the page when the browser is resized. If you want this to be changing at a certain screen size, you can edit it in styles.css file:
      @media (min-width:768px) { }
      Regarding the horizontal menu, can you please activate the module title to be shown on that particular module? Does this change anything?

      1. Eve on Jan.15.2014

        I understand.
        I’ve one more question. Ofcourse I can edit @media, but It is not enough for me.
        When I open site on my mobile I can see just horizontal menu, banner and big vertical menu. All content is under.
        When I click something on horizontal menu I don’t know that the content is changed becouse I don’t see it. I’ve to go down.
        It is possible to do that the vertical menu will be next to the content? I don’t need resize it.
        The same situation is with pictures in content. On computer I’ve pic next to the content – on mobile I can see just big picture and some text above or below picture.
        Sorry for my english. I hope, You can understand me ๐Ÿ™‚

        1. JT Admin on Jan.16.2014

          I understand what you wanted, however this is not possible with the current version of the templates.
          Probably in your case may help if some elements would be hidden in mobile view. For example:
          You can add a custom class to the menu module that is in the left siderbar: “hide_mobile”, and use the following css to hide it on smaller screens:
          @media (min-width:768px) { .hide_mobile { display:none} }
          You can do this with other modules as well, so on smartphones your users will only see the mobile-menu and the content. Depends on what you want.

          1. Eve on Jan.17.2014

            It’s realy fantastic idea! But… It doesn’t work ๐Ÿ™ After that, menu occupy the whole width on my phone and computer too ๐Ÿ˜€

  8. Karen on Jan.16.2014

    Thank you for the wonderful template. I was wondering how it is to add pictures and information to the User1 section. like in the Live demo. How it shows the 3 columns ๐Ÿ™‚

    1. JT Admin on Jan.16.2014

      I used the Custom HTML module from the module manager, and have created 3 modules, publishing them on “user1” position. In this type of module you can add any image or any html just like in articles. Hope this helps.

  9. Stefanus on Jan.17.2014

    Thanks you for your great design Can i get your update about your another free template by email?

  10. barefootmeg on Jan.26.2014

    I’d like to put an image in the “top” module, but it needs to fit in to the right of my Logo and I can’t figure out how to reduce the width of the box. I’ve tried setting it to width:40% (which should work given that the logo is at 60%). I’ve tried setting it to exactly the width of the image. Nothing seems to be shrinking the size of the box. :-\ What am I missing?

  11. barefootmeg on Jan.27.2014

    Nevermind. I margined it to where I want it.

    So. I’m loving this theme. It’s the easiest theme I’ve worked with in Joomla. Do you have a “donate here” button so I can thank you? Or should I just start telling folks about this place?

  12. Ted on Feb.04.2014


    thanks for this theme. but i have one problem. after i have installed k2 the template isnยดt working right :O do you have any idea?

    1. JT Admin on Feb.04.2014

      Is this not found error popping up only with my template or with other templates as well? I think there is something wrong with the K2 installation.

      1. Ted on Feb.04.2014

        no it is only with your template. when i use beez3 or protostar all is working. when i use your template with active system k2 it looks so messy.

  13. Mia on Feb.05.2014

    Hi, how do I turn on the four boxes on the left (light, medium, dark, blank)? Please help. Thanks.

    1. JT Admin on Feb.06.2014

      By adding custom css classes to those modules. The documentation page is a gold mine: at Step 4 -> Custom Class Modules you can find the answer.

  14. Mia on Feb.09.2014

    Many thanks!!! Its all there and its my fault I didnt read it carefully ๐Ÿ™‚ many thanks again!!!

  15. AP on Jun.27.2015

    how can I change position of The social icons from top to the footer?

    1. JT Admin on Jul.17.2015

      You will have to edit the index.php file of the template and move the code : < ? php include "social.php"; ? > from the header into the footer area, where you want to display those social icons.

Leave A Reply