Clean and Simple Joomla Template
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:
Great template, really like the simple layout. Will use it for my next project. Thanks for sharing it for free!
Nice template. Such simplicity <3
I will be happy to try it out!!! Right now ๐
Hi,
Clever Template (Download Link) is not compatible with Jommla 2.5!
Sorry, this template works only with Joomla 3.x
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
Joel
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…
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.
I love this template. I’m waiting for the documentation files to understand it better, i’m newbie on joomla
problem:
PHP Deprecated: Function eregi() is deprecated in …
Problem solved, template has been updated. Thank you for reporting this bug.
When I force my pages to SLL, the slideshow not work with all menys? Some of them continuing work normally!
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.
In IE, screen show like Mobile phone. All things is in one column.
The template works with IE9 or higher version.
Hi,
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.
Regards,
John
Hello,
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
Hello! What joomla version are you using? I will try to find where this problem is coming from.
Hi,
My Joomla version is 3.1
Thx!
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.
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!
This is a bug that has already been fixed. Please download the new version and let me know if this problem still comes up.
Thank you for your quick response. I downloaded it again and the problem is gone.
I’m back on track now ๐
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. http://getbootstrap.com/2.3.2/base-css.html#images is where I got the css for img-rounded. Any help would be appreciated. Thank you
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.
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;
}
Hi,this template is GNU?
Yes, all my templates are released under GNU/GPL license.
Hi,
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?
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.
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?
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.
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.
The color I’m referring to is the #0088cc around the menu links.
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
It is great that you figured it out. Please check out my replay here: https://joomlatemplates.me/simple-slick-business-free-joomla-template/#comment-566
From the color code you gave me earlier, I’m pretty sure the menu was messed up because of the default menu class suffix that is installed with Joomla.
I download a template but when i install in joomla it create error..
please tell me whats the problem.
What is the error message you get?
Could you help me to increase width of this template? current width near 800px
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}
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.
I’m not really sure what you are referring to. Can you send me a screenshot or give me your website url?
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
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.
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!
Thanks!
Hello! Please check out my comment here: https://joomlatemplates.me/simple-slick-business-free-joomla-template/#comment-566
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 …
My templates are not compatible with IE8 or older IE versions.
Hi,
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 ๐
greatings,
beta
What you mean by sticky footer? Why would you need that?
May I know to change the height of the “slide-wrap” for the Clean and Simple Joomla” template.
Add the following css code to styles.css file:
#slide-wrap {max-height:200px!important}
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.
Maybe you want to reduce the height of the images and see if that changes anything.
Hi,
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.
Regards,
Leo
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!
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.
Regards,
Leo
The first line is at around line 170, and the second line of code have to be added to the file.
Hi,
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!
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!
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.
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?
Regards,
Leo
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:
Thank you, great!
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?
Regards,
Willem
Hi never mind, it’s my own stupidity. Should have looked better at the icons ๐
Hello,
simple question : what’s the font of the logo for this template ?
Thank you for your answer and this great template.
Regards,
Thierry
Hi! The logo use the Pacifico font from Google font directory.
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.
Just tested this on Joomla 3.3.6 and see no problem when adding meta keyword and meta description. You still have this problem?
Hello,
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
Thor
I have answered your question earlier here: https://joomlatemplates.me/education-school-design/#comment-336
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?
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?
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,
Felix
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.
Hi~
what makes this template SEO friendly?
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.
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!
Cl
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.
How do I change favicon?
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.
Hi,
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,
Mani
Hello,
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,
Mani
Sorry the problem was on mine side ๐
Love this template!
Thx.
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?
You have to use ” light” class with a space in front ๐
Very clean and simple template! Does it support k2?
It is not supporting K2, but planning to integrate it with K2 and Kunena as well.
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!
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?
Hi!
How to increase the widht? I found a given solution here but that does not work.
๐