Clean and Simple Joomla Template

Please share:

Clever is a simple and elegant Joomla template, suitable for blogs and simple clean websites. The minimalistic design can be used as it is, or can be modified easily for your preference. More info about template setup can be found on the documentation page.

Clever Template Features:

  • SEO ready layout, Fast loading design
  • Documented files for fast and easy editing
  • Multiple module positions
  • In-built slideshow and Social icons
  • Mobile Ready Layout (adapting to any screen size)
  • In-built jQuery Drop-down menu (multiple levels)
  • Multiple Module styles

Module Positions:


  1. Frank on Jul.31.2013

    Great template, really like the simple layout. Will use it for my next project. Thanks for sharing it for free!

  2. axel on Aug.22.2013


    Clever Template (Download Link) is not compatible with Jommla 2.5!

      1. Jt on Sep.06.2013

        ooohhhhhh need sme help dit some work on the template worked like a charm then i did something and showed me a 404 error componet not found and i cant get it fixed..

        Helllllllllllllllp Sombody


        1. JT Admin on Sep.06.2013

          And what you did? If we don’t know what you did how should I advice you? 404 error page means that page is missing. Maybe you messed up your menu somehow, maybe you removed a component, or it could be anything. But the first thing you should do is to check out the menus…

    1. JT Admin on Aug.27.2013

      Just wanted to let you know that I updated this template and works in Joomla 2.5 as well, if you are still interested in using it, just download it again. Same download link works for Joomla 3.0 version.

  3. Manuel on Aug.23.2013

    I love this template. I’m waiting for the documentation files to understand it better, i’m newbie on joomla

  4. SLL on Sep.10.2013

    When I force my pages to SLL, the slideshow not work with all menys? Some of them continuing work normally!

    1. JT Admin on Sep.10.2013

      The template loads the jQuery library from Google’s server and this is blocked when you forcing SSL. Google fonts are blocked as well.
      The slideshow works on some of your pages, because the jQuery library is loaded locally by another component. If you want to use SSL, you have to change the path URL for jQuery or allow to load those files from Google’s server.

      1. jkruijt on Oct.14.2013


        Is it possible that this bug can be repaird?
        I have made the website using Firefox. Going live I get response from our contacts that the site is like a mobile site.


  5. troilus on Sep.15.2013


    First of all I want to appreciate your job, it’s a great template, I love it’s simplicity.

    I have a question, when I publish an article in the main page I got this error:
    Notice: Undefined property: ContentViewFeatured::$print in C:\wamp\www\tienda\templates\clever\html\com_content\featured\default_item.php on line 29

    I read some posts about it and they told to disable error messages but I prefer to understand the error and try to solve it. Do you know which is the problem?

    Thanks in advance

    1. JT Admin on Sep.15.2013

      Hello! What joomla version are you using? I will try to find where this problem is coming from.

        1. JT Admin on Sep.28.2013

          This issue has been fixed and all templates has been updated. You may download the new version if you still need this design. Thank you for letting me know about this error.

  6. Teko on Oct.07.2013

    Hello, i really like this template and am now using it to build my new website.
    There’s one thing i don’t understand. I think it has something to do with te category blog-option. I get this message: Notice: Undefined property: ContentViewCategory::$print in C:\xampp\htdocs\websitetessalniettemin\templates\clever\html\com_content\category\blog_item.php on line 32

    Can you help me to get this right?

    Thank you!

    1. JT Admin on Oct.07.2013

      This is a bug that has already been fixed. Please download the new version and let me know if this problem still comes up.

  7. Teko on Oct.08.2013

    Thank you for your quick response. I downloaded it again and the problem is gone.
    I’m back on track now ๐Ÿ™‚

  8. Joor on Oct.17.2013

    First I want to say thank you for the wonderful template. I do have a question and maybe I am doing something wrong but, I am creating an article that has an image that I wanted to make rounded. When I select the image and add “img-rounded” class and save changes, the image never gets rounded. is where I got the css for img-rounded. Any help would be appreciated. Thank you

    1. JT Admin on Oct.17.2013

      The template use Bootstrap, however to reduce the file size I did not included every element of this framework. To have rounded images with “img-rounded” css class, you will have to add the following code to styles.css
      .img-rounded {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;

      You can adjust the roundness of the image by incising the numbers. Hope this helps and hope you can style it for your needs.

  9. Joor on Oct.17.2013

    Thank you very much! You got me to where I needed to be. I had tried adding this to the style.css but it didn’t do anything. I added it to bootstrap.min.css and it worked out needed. Thanks again. For anyone wondering the same thing here are the lines I added at the very end.

    .img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    .img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    .img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;

  10. jorgeblat on Oct.24.2013


    I have a rendering problem with the article settings dropdown lists. If I attempt to create or edit an article as a user on the frontend, the category, tags, status, features and access dropdown lists under the publishing TAB are not shown in the page. Same happens with the language tab, language field. Basically the field doesn’t extend to show the text in it. I know the contents are available because they are listed in the page source. It is more of a page rendering / html issue. It happens with IE (10 and 11), Chrome and Firefox. Only if I configure the site to use IE=EmulateIE7 in the meta section, then the dropdowns will list with the contents.

    Any clue?

    1. JT Admin on Oct.24.2013

      Hi! This problem has already been reported by other users as well. You can download the new template version and install it again, or you may add the following code to the css file: .inputbox {width:160px;}
      This should fix the problem. If not, please let me know.

  11. Amren on Oct.25.2013

    Hi! I have been trying background colors and background images to the ‘clever’ template through style.css with little success. How can this be easily done without delving into style.css? Can you add it to the features or documentation page?

    1. JT Admin on Oct.25.2013

      Hi! Sorry, but there is no other way to edit background color or add image in the background, but to edit the styles.css file. This is not part of the template documentation, however I can tell you how to change the background easily.
      In the styles.css at line 40 edit background style for body:
      body { background:#dddddd url(../images/bg-image.png) top center no-reapeat }
      You have to upload the bg-image.png to the templstes/clever/images folder.

      Hope this helps a bit. If you have any other question, feel free to ask.

  12. Ryan on Dec.02.2013

    This is a pretty clean template. Nice! I do have a question though.

    I’m trying to fix the menu so the active page doesn’t have that blue around the active link/page… more like the demo looks. How do I get rid of this? This is the default install.

      1. Ryan on Dec.02.2013

        I figured it out. I ended up looking at your source on the sample site and copying your bootstrap css file. I don’t know what all the differences are, but there is a bit of difference. I like the one on the demo site better. I also changed the font to be a bit cleaner one in index.php

  13. ruchi on Dec.04.2013

    I download a template but when i install in joomla it create error..
    please tell me whats the problem.

  14. Vadim on Dec.09.2013

    Could you help me to increase width of this template? current width near 800px

    1. JT Admin on Dec.09.2013

      The width of this template is 960px.
      Change the maximum width of the following two css classes in the styles.css file to the width you need:

      #wrapper {max-width:960px}
      .container {max-width:960px}

  15. Jimbo on Dec.11.2013

    I’m still new to web dev and was wondering if there’s a way to fill the inevitable white space on the sides of a web page that occurs with a wide screen monitor. Changing the width to a percentage tends to distort the pages appearance more than I want. I was wondering if I could leave the main body a static size and fill the white space that is dynamic with an image as filler.

    1. JT Admin on Dec.11.2013

      I’m not really sure what you are referring to. Can you send me a screenshot or give me your website url?

  16. Polash on Dec.16.2013

    Great Template. I have problem to display text on the page content. I can’t find the position content, there is only left and right. Could anyone tell me how to choose position content?

    Thank you

    1. JT Admin on Dec.16.2013

      There is no position for content. Just create an article and a menu that is linked to that article, publish left and right modules on all pages and you will get the same layout like in the demo.

  17. Rachael1287 on Jan.06.2014

    Hi, ive got clever installed as my website template. The only thing bothering me is when an item is clicked from the menu bar a big blue square appears around the now orange menu item. It doesn appear to do this on the demo site, so not sure why its doing it on mine, or how to change it. Any help would be appreciated as the blue boxes are really visually unappealing with the rest of the site!


  18. Jindrich Ekart on Jan.09.2014

    Hello, I try install this template for Joomla 2.5.
    I’ve found that does not work properly in IE8 (I have version 8.0.6001.18702) and I do not know where they are generated blank lines in source code at top above the DOCTYPE definition …

  19. BetaWayOfLife on Jan.12.2014


    realy great template, nice to work with but i have one wish.
    Could you please add a sticky footer for this (and maybe all) templates? ๐Ÿ™‚

    This would be very very very helpful ๐Ÿ™‚

    thank you ๐Ÿ™‚


  20. William on Jan.28.2014

    May I know to change the height of the “slide-wrap” for the Clean and Simple Joomla” template.

    1. JT Admin on Jan.28.2014

      Add the following css code to styles.css file:
      #slide-wrap {max-height:200px!important}

  21. William on Jan.28.2014

    thank you for the quick response. adding the code only move the below module upward and overlay the “slide” but the entire pictures box remain the same.

  22. Leo on Jan.31.2014

    I do love this template and i am going to use it. For now i am stuck with the docoration of the dropdown menu’s.
    I would like to have my dropdown menu title’s underlined and when hovering i like the underline to disappear. I succeeded to do so with the menu items. But i can’t figure it out on the dropdowns.


    1. JT Admin on Jan.31.2014

      Hi Leo!
      Edit this line in the css file:
      #navigation ul.sub-menu a { text-decoration:underline!important}
      and add the following line:
      #navigation ul.sub-menu a:hover { text-decoration:none!important}
      Hope this helps!

      1. Leo on Feb.01.2014

        Hi, Thank you for the response but i need a little more help in this. The problem is, i can’t find the mentioned lines to edit in the styles.css

        Can you please tell me what the line numbers are because i can’t find the line to edit.


        1. JT Admin on Feb.01.2014

          The first line is at around line 170, and the second line of code have to be added to the file.

          1. Leo on Feb.02.2014


            What i have at the mentioned linenumbers is;

            line 170 ; #navigation ul.sub-menu .icon-angle-down:before {content:”\f105″!important;}
            line 171 ; #navigation ul.sub-menu a { font-size:12px;}

            I’m a little confused now. When i add the two lines you suggested nothing happens.

            Isn’t it, that i have to edit the line #171 in;
            #navigation ul.sub-menu a { font-size:12px; text-decoration:underline!important} and add this line, lets say at #172;
            #navigation .sub-menu a:hover { text-decoration:none!important}

            notice that these tines don’t have the ul attribute!

          2. JT Admin on Feb.02.2014

            I just updated the above code, now it should work.
            I told you that this code is around line 170, as a reference. Actually you have to edit the line 171 and add the other code to the next line.
            Note: please use the updated code!

        2. Hi, Kindly tell me about the submenu . I have made the links but it is not getting display.
          My sub menu is not working as showed in the template.I am working on joomla 3.6.5 version.

  23. Leo on Feb.07.2014

    Hi admin,

    Thank you for the great solution. I do have another question for you.

    I would like to open the social icons in a new window instead of the same.
    I quess this has to be done in social.php ? If so, can you please give me the code?

    But, perhaps you have an other suggestion?


    1. JT Admin on Feb.07.2014

      Yes, you know this right! The social.php have to be edited for this. At line 18 you have to add this html tag to the link: target=”_blank”
      New code will look like this:
      open social icons in new window

  24. wjvdkolk on Feb.09.2014

    Hi, I’m simply loving your template. The only thing that’s wondering me is the option of front end editing of articles. Is it a template thing or just a joomla option?



  25. wjvdkolk on Feb.09.2014

    Hi never mind, it’s my own stupidity. Should have looked better at the icons ๐Ÿ™‚

  26. Jetsurfer on Nov.11.2014

    simple question : what’s the font of the logo for this template ?
    Thank you for your answer and this great template.



  27. def on Nov.14.2014

    Hello. I have problem with my site. If I write meta keyword, description for articles… Some pages becomes inaccessible. Show only white page, without content, theme… Joomla! 3.3.6.

    1. JT Admin on Dec.12.2014

      Just tested this on Joomla 3.3.6 and see no problem when adding meta keyword and meta description. You still have this problem?

  28. Thor on Nov.19.2014


    this template is waht I had been looking for over a long time. Plain and simple. Just perfect. So thank you for this piece of art.

    But there is one thing that I want to ask: I sometimes have tables and want them to have borders. I can see the borders in the backend, but they don’t show up in the frontend. I have tried and tried, but I can’t find the solution. Ist it something in the css-files?

    Best regards


  29. David on Nov.26.2014

    Hi I am interested in this template but put it through the w3c validator and there were 193 errors. Do you know why this is?

    1. JT Admin on Dec.12.2014

      That is very strange. What error you get? Even if you test the live demo, it wont give you more than 25 errors. These errors are caused by loading the different font families from Google database and by using non-standard image formatting. Can you give me the url you tested?

  30. Felix on Dec.06.2014

    Hi. Thanks a lot for this great template! Are there any plans to update your templates to Joomla 3.3? Or do the 3.2 templates just work fine in more recent versions of Joomla?

    Best regards,


    1. JT Admin on Dec.12.2014

      Hi Felix, the templates has been already tested on Joomla 3.3 and has been updated to work with this version as well. If you have found any bug that may cause any issue on 3.3 version, please let me know.

    1. JT Admin on Jan.05.2015

      Hi, the template use very few images and code is compressed to the loading time is reduced as much as possible. Headings (H1, H2, H3) of single pages, blog pages, front page, etc, are designed for SEO standards. Sure there are more to do but these are the most important things to start with if you want to build a SEO friendly website.

  31. cstcdt71 on Jan.01.2015

    Hi, very nice template.
    I’ve got one question; how can I manage the grid in the position user1 & user2?
    In particular, how can I put the three different content (img & articles) on it?
    Thank you very much!

    1. JT Admin on Jan.05.2015

      The grid is done automatically if you publish multiple module on user1 or user2 positions. It supports up to 4 modules per line, basically it goes up to 4 columns.
      For the text and images displayed in the user1 positions I have used Custom HTML modules and added my text and image.

    1. JT Admin on Jan.20.2015

      You can change the favicon by replacing the root_folder/templates/clever/favicon.ico file. Maybe the new favicon will not show up on the next refresh because of the browser cache, but clearing the cache or waiting a while will see the changes.

  32. mani on Mar.30.2015

    I really like this template, but one thing is driving me crazy… is it possible that blog layout is only for one menu item?
    First blog layout is ok:

    But the second one, I wanted to put in a similar way, but every next post is narrower and narrower than another and it supposed to be 3 or 2 column blog, but every next post (intro image) is 1/3 or 1/2 narrower than another… I was tring to fix it for last few days, bu unfortunatelly I had to surrend… please help me…
    Thank you,

  33. mani on Apr.11.2015

    I love your template, but I’m fightin with a prblem… cannot display secod menu option in blog layout because is happening something like this
    I thought perhaps it’s not the latest template for Joomla 3.2, so I reainstalled it butthe problem still is there…
    What is wrong?

    Thank you,

  34. mani on Apr.11.2015

    Sorry the problem was on mine side ๐Ÿ˜‰
    Love this template!

  35. Steve on Apr.21.2015

    I love all of your templates. Thank you for all you do. My question is about the different side module classes. I have tried to enter “light”, “_light” etc into the Module Class Suffix but can’t get it to work. How do I get this feature to work?

  36. Fokus on Nov.18.2016

    Nice template. I installed it but I have a problem when I am on mobile the menu doesn’t work! Can you help to solve it!

  37. helena on Nov.24.2016

    Hello. Iยด quite happy with this template. Simple, elegant and easy. The only I thing I can not manage is that when I watch it in an iPhone, left and right column overlap the text in the center. Can you help me, please?

  38. Max on Jan.03.2017


    How to increase the widht? I found a given solution here but that does not work.


Leave A Reply